Changeset 3765:00d069f97ebc for admin

Timestamp:

06/28/18 13:32:54 (7 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Review CSS for search form (main menu, modules and themes)

Location:

admin/style

Files:

• default.css (modified) (4 diffs)
• scss/partials/_content.scss (modified) (1 diff)
• scss/partials/_main-menu.scss (modified) (1 diff)
• scss/partials/_plugins.scss (modified) (2 diffs)
• search.svg (added)

admin/style/default.css

@@ -1715 +1715 @@
 
 #search-menu {
-  padding: 4px 5px 0;
-  font-size: 100%; }
-  #search-menu * {
-    height: 2em;
-    display: inline-block;
-    vertical-align: top;
-    line-height: 24px; }
+  padding: 4px 0 0 4px;
+  font-size: .91em; }
   #search-menu p {
-    border: 1px solid #868686;
-    border-radius: .3em;
-    position: relative;
     width: 95%;
-    overflow: hidden; }
+    margin: 0 0 .5em 0; }
   #search-menu input[type="submit"] {
-    padding: 0 .25em;
-    margin-left: .33em;
-    color: #323232;
-    background: #c9c9c9;
-    border-color: #868686;
-    border-bottom-right-radius: .3em;
-    border-top-right-radius: .3em;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border: none;
-    border-left: 1px solid #868686;
-    font-size: .91em;
     float: right; }
-    #search-menu input[type="submit"]:hover, #search-menu input[type="submit"]:focus {
-      color: #fff;
-      background: #868686; }
 
 #qx {
-  width: 80%;
-  border-bottom-left-radius: .3em;
-  border-top-left-radius: .3em;
-  background: transparent url(search.png) no-repeat 4px center;
-  text-indent: 18px;
-  padding: 0;
-  border: none;
-  height: 2em; }
-  #qx:focus {
-    border: 1px solid #bee74b; }
+  width: 75%;
+  background: transparent url(search.svg) no-repeat 0 center;
+  text-indent: 20px; }
 
 .part-tabs ul {
@@ -1818 +1788 @@
       color: #323232; }
     .pseudo-tabs a.active {
-      background-color: #f3f3f3;
+      background-color: #fff;
       color: #d33800; }
 
@@ -2745 +2715 @@
 
 .modules a.module-details {
-  background: transparent url(search.png) no-repeat 2px center;
+  background: transparent url(search.svg) no-repeat 0 center;
   padding: 4px 4px 0 20px; }
 .modules a.module-support {
@@ -2755 +2725 @@
 
 #m_search {
-  background: transparent url(search.png) no-repeat 4px center;
+  background: transparent url(search.svg) no-repeat 0 center;
   padding-left: 20px; }
 

admin/style/scss/partials/_content.scss

@@ -74 +74 @@
           }
           &.active {
-               background-color: $tabs-background;
+               background-color: $tabs-active-background;
                color: $tabs-active-color;
           }

admin/style/scss/partials/_main-menu.scss

@@ -53 +53 @@
 
 #search-menu {
-     padding: 4px 5px 0;
-     font-size: 100%;
-     * {
-          height: 2em;
-          display: inline-block;
-          vertical-align: top;
-          line-height: 24px;
-     }
+  padding: 4px 0 0 4px;
+    font-size: .91em;
      p {
-          border: 1px solid $search-border;
-          border-radius: .3em;
-          position: relative;
           width: 95%;
-          overflow: hidden;
+    margin: 0 0 .5em 0;
      }
      input[type="submit"] {
-          padding: 0 .25em;
-          margin-left: .33em;
-    color: $search-color;
-          background: $search-background;
-          border-color: $search-border;
-          border-bottom-right-radius: .3em;
-          border-top-right-radius: .3em;
-          border-top-left-radius: 0;
-          border-bottom-left-radius: 0;
-          border: none;
-          border-left: 1px solid $search-border;
-          font-size: .91em;
           float: right;
-          &:hover,
-          &:focus {
-      color: $search-submit-color;
-               background: $search-submit-background;
-          }
      }
 }
 
 #qx {
-     width: 80%;
-     border-bottom-left-radius: .3em;
-     border-top-left-radius: .3em;
-     background: transparent url(search.png) no-repeat 4px center;
-     text-indent: 18px;
-     padding: 0;
-     border: none;
-     height: 2em;
-     &:focus {
-          border: 1px solid $search-outline;
-     }
+  width: 75%;
+     background: transparent url(search.svg) no-repeat 0 center;
+     text-indent: 20px;
 }

admin/style/scss/partials/_plugins.scss

@@ -45 +45 @@
 .modules a {
      &.module-details {
-          background: transparent url(search.png) no-repeat 2px center;
+          background: transparent url(search.svg) no-repeat 0 center;
           padding: 4px 4px 0 20px;
      }
@@ -59 +59 @@
 
 #m_search {
-     background: transparent url(search.png) no-repeat 4px center;
+     background: transparent url(search.svg) no-repeat 0 center;
      padding-left: 20px;
 }