Changeset 4344

Timestamp:

11/09/2016 11:05:01 PM (9 years ago)

Author:

mapk

Message:

Plugin Directory Theme: Making 'read more' and other links consistent.

Some links showed an underline on hover, others weren't, so I made them all consistent and kept the underline. But I didn't want the underline to extend under the arrow icon next to specific links either, so I worked that better.

Fixes #2221

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins

Files:

• client/components/plugin/sections/reviews/style.scss (modified) (2 diffs)
• client/components/plugin/sections/style.scss (modified) (2 diffs)
• client/components/widget-area/widgets/ratings/style.scss (modified) (1 diff)
• css/style.css (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/reviews/style.scss

@@ -64 +64 @@
     font-size: ms( -2 );
     margin-top: 0.5rem;
+    text-decoration: none;
 
     &:after {
@@ -69 +70 @@
         font-family: dashicons;
         vertical-align: text-top;
+        padding-left: 5px;
+        float: right;
+        position: relative;
+        top: 1px;
     }
 }

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin/sections/style.scss

@@ -22 +22 @@
         &:nth-child(2) {
             margin-top: 0;
-        }
+        } 
     }
 
@@ -73 +73 @@
         padding-left: 5px;
         vertical-align: text-top;
+        position: relative;
+        float: right;
+        top: 1px;
 
         .toggled + & {
             content: "\f343";
         }
+    }
+
+    &:hover {
+        text-decoration: underline;
     }
 }

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/widget-area/widgets/ratings/style.scss

@@ -6 +6 @@
         position: absolute;
         right: 0;
-        top: 0.3rem;
+        top: 0;
 
         &:after {

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

@@ -2290 +2290 @@
   margin-top: 8px;
   margin-top: 0.5rem;
+  text-decoration: none;
 }
 
@@ -2296 +2297 @@
   font-family: dashicons;
   vertical-align: text-top;
+  padding-left: 5px;
+  float: right;
+  position: relative;
+  top: 1px;
 }
 
@@ -2577 +2582 @@
   padding-left: 5px;
   vertical-align: text-top;
+  position: relative;
+  float: right;
+  top: 1px;
 }
 
 .toggled + .section-toggle:after {
   content: "\f343";
+}
+
+.section-toggle:hover {
+  text-decoration: underline;
 }
 
@@ -3106 +3118 @@
   position: absolute;
   right: 0;
-  top: 4.8px;
-  top: 0.3rem;
+  top: 0;
 }