Changeset 3765:00d069f97ebc for admin/style/scss/partials

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/scss/partials

Files:

• _content.scss (modified) (1 diff)
• _main-menu.scss (modified) (1 diff)
• _plugins.scss (modified) (2 diffs)

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;
 }