[gtk+] HighContrast: Improve search bar appearance



commit f32362e82ccf90c8a38f89ae83619b11665be0d5
Author: Matthias Clasen <mclasen redhat com>
Date:   Tue Jan 5 22:33:20 2016 -0500

    HighContrast: Improve search bar appearance
    
    Follow the generally white background we use everywhere else.
    This is not perfect, we get double borders when the search bar
    is shown, as can be seen in gtk3-widget-factory.

 gtk/theme/HighContrast/_common.scss           |    4 ++-
 gtk/theme/HighContrast/gtk-contained-dark.css |   30 +++++++++++++-----------
 gtk/theme/HighContrast/gtk-contained.css      |   30 +++++++++++++-----------
 3 files changed, 35 insertions(+), 29 deletions(-)
---
diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 87c29f5..d07b66c 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -836,8 +836,10 @@ toolbar { //FIXME: why is all this being ignored?
 }
 
 searchbar {
-  @extend %inset-bar;
+  @extend toolbar;
   border-width: 0 0 1px;
+  border-color: $borders_color;
+  border-style: none none solid none;
   padding: 3px;
 }
 
diff --git a/gtk/theme/HighContrast/gtk-contained-dark.css b/gtk/theme/HighContrast/gtk-contained-dark.css
index e7212dc..3c3791e 100644
--- a/gtk/theme/HighContrast/gtk-contained-dark.css
+++ b/gtk/theme/HighContrast/gtk-contained-dark.css
@@ -623,17 +623,17 @@ button {
     background-image: none;
     background-color: #090909; }
 
-toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button {
+toolbar.inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, 
toolbar.inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > 
button.sidebar-button {
   border-radius: 0;
   border-left-style: none; }
-toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > 
button.sidebar-button {
+toolbar.inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child 
button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, 
searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button {
   border-radius: 3px 0 0 3px;
   border-left-style: solid; }
-toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > 
button.sidebar-button {
+toolbar.inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > 
button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar 
toolbutton:last-child > button.sidebar-button {
   border-radius: 0 3px 3px 0; }
-toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar 
toolbutton:last-child:dir(rtl) > button.sidebar-button {
+toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, searchbar.inline-toolbar 
toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > 
button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button {
   border-right-style: solid; }
-toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > 
button.sidebar-button {
+toolbar.inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > 
button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar 
toolbutton:only-child > button.sidebar-button {
   border-radius: 3px;
   border-style: solid; }
 
@@ -930,35 +930,37 @@ combobox {
 /************
  * Toolbars *
  ************/
-toolbar {
+toolbar, searchbar {
   padding: 6px;
   background-color: #000; }
-  toolbar.osd {
+  toolbar.osd, searchbar.osd {
     background-color: rgba(0, 0, 0, 0.8);
     border-radius: 6px;
     padding: 12px; }
-    toolbar.osd label {
+    toolbar.osd label, searchbar.osd label {
       color: #fff; }
-  toolbar.inline-toolbar {
+  toolbar.inline-toolbar, searchbar.inline-toolbar {
     border-width: 0 1px 1px;
     padding: 3px;
     border-radius: 0  0 4px 4px; }
-  toolbar.vertical {
+  toolbar.vertical, searchbar.vertical {
     border-right: 1px solid gray; }
-    toolbar.vertical:dir(rtl) {
+    toolbar.vertical:dir(rtl), searchbar.vertical:dir(rtl) {
       border-right: none;
       border-left: 1px solid gray; }
 
 searchbar {
   border-width: 0 0 1px;
+  border-color: gray;
+  border-style: none none solid none;
   padding: 3px; }
 
-toolbar.inline-toolbar, searchbar {
+toolbar.inline-toolbar, searchbar.inline-toolbar {
   border-style: solid;
   border-color: gray;
   background-color: #262626;
   box-shadow: inset 0 2px 3px -1px #5c5c5c; }
-  toolbar.inline-toolbar:backdrop, searchbar:backdrop {
+  toolbar.inline-toolbar:backdrop, searchbar.inline-toolbar:backdrop {
     border-color: #737373;
     background-color: #282828;
     box-shadow: none; }
@@ -1338,7 +1340,7 @@ popover {
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
   popover:backdrop {
     box-shadow: none; }
-  popover > .list, popover > .view, popover > toolbar {
+  popover > .list, popover > .view, popover > toolbar, popover > searchbar {
     background-color: transparent; }
   popover separator, popover placessidebar .view separator, placessidebar .view popover separator,
   popover placessidebar .view separator:backdrop,
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index ef46578..30d4b46 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -623,17 +623,17 @@ button {
     background-image: none;
     background-color: #f6f6f6; }
 
-toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button {
+toolbar.inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, 
toolbar.inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > 
button.sidebar-button {
   border-radius: 0;
   border-left-style: none; }
-toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > 
button.sidebar-button {
+toolbar.inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child 
button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, 
searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button {
   border-radius: 3px 0 0 3px;
   border-left-style: solid; }
-toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > 
button.sidebar-button {
+toolbar.inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > 
button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar 
toolbutton:last-child > button.sidebar-button {
   border-radius: 0 3px 3px 0; }
-toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar 
toolbutton:last-child:dir(rtl) > button.sidebar-button {
+toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, searchbar.inline-toolbar 
toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > 
button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button {
   border-right-style: solid; }
-toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > 
button.sidebar-button {
+toolbar.inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > 
button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar 
toolbutton:only-child > button.sidebar-button {
   border-radius: 3px;
   border-style: solid; }
 
@@ -930,35 +930,37 @@ combobox {
 /************
  * Toolbars *
  ************/
-toolbar {
+toolbar, searchbar {
   padding: 6px;
   background-color: #fff; }
-  toolbar.osd {
+  toolbar.osd, searchbar.osd {
     background-color: rgba(0, 0, 0, 0.8);
     border-radius: 6px;
     padding: 12px; }
-    toolbar.osd label {
+    toolbar.osd label, searchbar.osd label {
       color: #fff; }
-  toolbar.inline-toolbar {
+  toolbar.inline-toolbar, searchbar.inline-toolbar {
     border-width: 0 1px 1px;
     padding: 3px;
     border-radius: 0  0 4px 4px; }
-  toolbar.vertical {
+  toolbar.vertical, searchbar.vertical {
     border-right: 1px solid gray; }
-    toolbar.vertical:dir(rtl) {
+    toolbar.vertical:dir(rtl), searchbar.vertical:dir(rtl) {
       border-right: none;
       border-left: 1px solid gray; }
 
 searchbar {
   border-width: 0 0 1px;
+  border-color: gray;
+  border-style: none none solid none;
   padding: 3px; }
 
-toolbar.inline-toolbar, searchbar {
+toolbar.inline-toolbar, searchbar.inline-toolbar {
   border-style: solid;
   border-color: gray;
   background-color: #d9d9d9;
   box-shadow: inset 0 2px 3px -1px #a4a4a4; }
-  toolbar.inline-toolbar:backdrop, searchbar:backdrop {
+  toolbar.inline-toolbar:backdrop, searchbar.inline-toolbar:backdrop {
     border-color: #8d8d8d;
     background-color: #d7d7d7;
     box-shadow: none; }
@@ -1338,7 +1340,7 @@ popover {
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
   popover:backdrop {
     box-shadow: none; }
-  popover > .list, popover > .view, popover > toolbar {
+  popover > .list, popover > .view, popover > toolbar, popover > searchbar {
     background-color: transparent; }
   popover separator, popover placessidebar .view separator, placessidebar .view popover separator,
   popover placessidebar .view separator:backdrop,


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]