Changeset 4606

Timestamp:

01/03/2017 03:31:17 AM (9 years ago)

Author:

dd32

Message:

Plugin Directory: Better alignment for the search button on non-home views.

Props iCaleb.
Fixes #2307.

Location:

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

Files:

• client/components/search-form/style.scss (modified) (3 diffs)
• css/style-rtl.css (modified) (4 diffs)
• css/style.css (modified) (4 diffs)

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

@@ -19 +19 @@
 
     .button-search {
+        border-top: none;
         border-left: none;
         border-radius: 0 2px 2px 0;
@@ -25 +26 @@
         right: auto;
         top: auto;
+        vertical-align: top;
 
         &:active {
@@ -74 +76 @@
         .search-field {
             border: 0;
-            border-radius: 2px;
+            border-radius: 2px 0 0 2px;
             display: inline-block;
             font-size: ms( 0 );
             padding: 5px 10px;
             position: relative;
-            width: 100%;
+            width: auto;
         }
 
         @media screen and (min-width: $ms-breakpoint) {
             .search-field {
-                border-radius: 2px 0 0 2px;
                 font-size: ms( -4 );
                 width: 7rem;

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

@@ -2820 +2820 @@
 
 .search-form .button-search {
+  border-top: none;
   border-right: none;
   -webkit-border-radius: 2px 0 0 2px;
@@ -2828 +2829 @@
   left: auto;
   top: auto;
+  vertical-align: top;
 }
 
@@ -2886 +2888 @@
 .site-header:not(.home) .search-form .search-field {
   border: 0;
-  -webkit-border-radius: 2px;
-  border-radius: 2px;
+  -webkit-border-radius: 0 2px 2px 0;
+  border-radius: 0 2px 2px 0;
   display: inline-block;
   font-size: 16px;
@@ -2893 +2895 @@
   padding: 5px 10px;
   position: relative;
-  width: 100%;
+  width: auto;
 }
 
 @media screen and (min-width: 48em) {
   .site-header:not(.home) .search-form .search-field {
-    -webkit-border-radius: 0 2px 2px 0;
-    border-radius: 0 2px 2px 0;
     font-size: 0.64rem;
     width: 7rem;

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

@@ -2820 +2820 @@
 
 .search-form .button-search {
+  border-top: none;
   border-left: none;
   -webkit-border-radius: 0 2px 2px 0;
@@ -2828 +2829 @@
   right: auto;
   top: auto;
+  vertical-align: top;
 }
 
@@ -2886 +2888 @@
 .site-header:not(.home) .search-form .search-field {
   border: 0;
-  -webkit-border-radius: 2px;
-  border-radius: 2px;
+  -webkit-border-radius: 2px 0 0 2px;
+  border-radius: 2px 0 0 2px;
   display: inline-block;
   font-size: 16px;
@@ -2893 +2895 @@
   padding: 5px 10px;
   position: relative;
-  width: 100%;
+  width: auto;
 }
 
 @media screen and (min-width: 48em) {
   .site-header:not(.home) .search-form .search-field {
-    -webkit-border-radius: 2px 0 0 2px;
-    border-radius: 2px 0 0 2px;
     font-size: 0.64rem;
     width: 7rem;