fix: style recent activity links according to design

zendesk · Mar 1, 2022 · 78cc954 · 78cc954
1 parent 95376cb
commit 78cc954
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/style.css b/style.css
@@ -1419,11 +1419,11 @@ ul {
 
 .recent-activity-item-parent {
   font-size: 16px;
+  font-weight: 600;
 }
 
 .recent-activity-item-parent, .recent-activity-item-link {
   margin: 6px 0;
-  color: $text_color;
   display: inline-block;
   width: 100%;
 }
@@ -1440,6 +1440,7 @@ ul {
 }
 
 .recent-activity-item-meta {
+  color: $text_color;
   margin: 15px 0 0 0;
   float: none;
 }
@@ -1455,7 +1456,6 @@ ul {
 }
 
 .recent-activity-item-time, .recent-activity-item-comment {
-  color: lighten($text_color, 20%);
   display: inline-block;
   font-size: 13px;
 }
@@ -1476,6 +1476,19 @@ ul {
   padding-top: 15px;
 }
 
+.recent-activity-controls a {
+  color: $link_color;
+  text-decoration: underline;
+}
+
+.recent-activity-controls a:visited {
+  color: $visited_link_color;
+}
+
+.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
+  color: $hover_link_color;
+}
+
 .recent-activity-accessibility-label {
   border: 0;
   clip: rect(0 0 0 0);

diff --git a/styles/_recent-activity.scss b/styles/_recent-activity.scss
@@ -16,6 +16,7 @@
 
   &-item-parent {
     font-size: $font-size-bigger;
+    font-weight: 600;
   }
 
   &-item-parent,
@@ -26,7 +27,6 @@
     }
 
     margin: 6px 0;
-    color: $text_color;
     display: inline-block;
     width: 100%;
   }
@@ -36,6 +36,7 @@
   }
 
   &-item-meta {
+    color: $text_color;
     @include tablet {
       margin: 0;
       float: right;
@@ -50,7 +51,6 @@
 
   &-item-time,
   &-item-comment {
-    color: $secondary-text-color;
     display: inline-block;
     font-size: $font-size-small;
   }
@@ -67,6 +67,7 @@
 
   &-controls {
     padding-top: 15px;
+    @include standalone-link;
   }
 
   &-accessibility-label {