Changeset 3538

Timestamp:

06/22/2016 10:48:47 AM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Show search button on front page.

See #1719.

Location:

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

Files:

• css/style-rtl.css (modified) (4 diffs)
• css/style.css (modified) (4 diffs)
• sass/site/_header.scss (modified) (2 diffs)

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

@@ -1842 +1842 @@
 .home .site-header {
   padding: 1.5625rem 1.143rem;
+  text-align: center;
 }
 
@@ -1848 +1849 @@
   font-size: 61.03515625px;
   font-size: 3.8146972656rem;
+  margin: 32px 0 16px;
   margin: 2rem 0 1rem;
-  text-align: center;
 }
 
 .home .site-header .search-form {
-  display: inherit;
+  margin-bottom: 32px;
   margin-bottom: 2rem;
+  position: relative;
+  width: initial;
 }
 
@@ -1860 +1863 @@
   border: none;
   border-radius: 0;
+  box-shadow: none;
   display: block;
   font-size: inherit;
   margin: 0 auto;
   max-width: 100%;
+  padding: 8px;
   padding: 0.5rem;
   width: 22.7373675443rem;
@@ -1869 +1874 @@
 
 .home .site-header .search-form .button-search {
-  display: none;
+  background: transparent;
+  border: none;
+  box-shadow: none;
+  color: #32373c;
+  height: 45px;
+  padding: 8px 16px;
+  padding: 0.5rem 1rem;
+  position: absolute;
+  left: 0;
+  text-shadow: none;
+  top: 0;
+}
+
+.home .site-header .search-form .button-search:active {
+  background: transparent;
+  border: none;
+  transform: none;
 }
 

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

@@ -1842 +1842 @@
 .home .site-header {
   padding: 1.5625rem 1.143rem;
+  text-align: center;
 }
 
@@ -1848 +1849 @@
   font-size: 61.03515625px;
   font-size: 3.8146972656rem;
+  margin: 32px 0 16px;
   margin: 2rem 0 1rem;
-  text-align: center;
 }
 
 .home .site-header .search-form {
-  display: inherit;
+  margin-bottom: 32px;
   margin-bottom: 2rem;
+  position: relative;
+  width: initial;
 }
 
@@ -1860 +1863 @@
   border: none;
   border-radius: 0;
+  box-shadow: none;
   display: block;
   font-size: inherit;
   margin: 0 auto;
   max-width: 100%;
+  padding: 8px;
   padding: 0.5rem;
   width: 22.7373675443rem;
@@ -1869 +1874 @@
 
 .home .site-header .search-form .button-search {
-  display: none;
+  background: transparent;
+  border: none;
+  box-shadow: none;
+  color: #32373c;
+  height: 45px;
+  padding: 8px 16px;
+  padding: 0.5rem 1rem;
+  position: absolute;
+  right: 0;
+  text-shadow: none;
+  top: 0;
+}
+
+.home .site-header .search-form .button-search:active {
+  background: transparent;
+  border: none;
+  transform: none;
 }
 

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss

@@ -166 +166 @@
     .home & {
         padding: ms(4) ms(1);
+        text-align: center;
 
         .site-title {
             display: inherit;
             @include font-size( ms-unitless( ms(12) ) );
+            margin: 32px 0 16px;
             margin: 2rem 0 1rem;
-            text-align: center;
         }
 
         .search-form {
-            display: inherit;
+            margin-bottom: 32px;
             margin-bottom: 2rem;
+            position: relative;
+            width: initial;
 
             .search-field {
                 border: none;
                 border-radius: 0;
+                box-shadow: none;
                 display: block;
                 font-size: inherit;
                 margin: 0 auto;
                 max-width: 100%;
+                padding: 8px;
                 padding: 0.5rem;
                 width: ms(28);
@@ -190 +195 @@
 
             .button-search {
-                display: none;
+                background: transparent;
+                border: none;
+                box-shadow: none;
+                color: $color__text-input;
+                height: 45px;
+                padding: 8px 16px;
+                padding: 0.5rem 1rem;
+                position: absolute;
+                right: 0;
+                text-shadow: none;
+                top: 0;
+
+                &:active {
+                    background: transparent;
+                    border: none;
+                    transform: none;
+                }
             }
         }