Changeset 4344

Timestamp:

11/09/2016 11:05:01 PM (10 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;
 }