[gtk/gtk-3-22: 2/4] Fix double borders in windows with a search bar in HighContrast



commit b202c44fd8ca251ac1ea8467ffd15d2b2243ca48
Author: Nikita Churaev <lamefun x0r gmail com>
Date:   Thu Mar 8 00:55:57 2018 +0300

    Fix double borders in windows with a search bar in HighContrast

 gtk/theme/HighContrast/_common.scss              |  5 +++--
 gtk/theme/HighContrast/gtk-contained-inverse.css | 28 ++++++++++++------------
 gtk/theme/HighContrast/gtk-contained.css         | 28 ++++++++++++------------
 3 files changed, 31 insertions(+), 30 deletions(-)
---
diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 98662a807c..fd10ceca33 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -1172,12 +1172,13 @@ toolbar { //FIXME: why is all this being ignored?
   }
 }
 
-searchbar {
+searchbar > revealer > * {
   @extend toolbar;
   border-width: 0 0 1px;
   border-color: $borders_color;
   border-style: none none solid none;
-  padding: 3px;
+  margin: -6px;
+  padding: 9px;
 }
 
 %inset-bar {
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css 
b/gtk/theme/HighContrast/gtk-contained-inverse.css
index 15da4c21b8..fb3a53264a 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -332,13 +332,13 @@ button.destructive-action:disabled:active, button.destructive-action:disabled:ch
 
 .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > 
button:backdrop:disabled:checked { border-width: 2px; border-style: solid; color: gray; border-color: 
#494949; background-image: none; background-color: #090909; }
 
-toolbar.inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, 
toolbar.inline-toolbar toolbutton:backdrop > button.flat, searchbar.inline-toolbar toolbutton:backdrop > 
button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, 
.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > 
button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > 
button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; 
border-right-style: none; }
+toolbar.inline-toolbar toolbutton > button.flat, searchbar > revealer > .inline-toolbar toolbutton > 
button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, searchbar > revealer > .inline-toolbar 
toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) 
entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, 
.linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > 
button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; 
border-right-style: none; }
 
-.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, 
.inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar 
toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, 
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, searchbar.inline-toolbar 
toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), 
.linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 3px; 
border-bottom-left-radius: 3px; }
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, 
.inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar 
toolbutton:first-child > button.flat, searchbar > revealer > .inline-toolbar toolbutton:first-child > 
button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, searchbar > revealer > 
.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), 
.linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 3px; 
border-bottom-left-radius: 3px; }
 
-.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, 
.inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child 
button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar 
toolbutton:backdrop:last-child > button.flat, searchbar.inline-toolbar toolbutton:backdrop:last-child > 
button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box 
button.combo { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; }
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, 
.inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child 
button.flat, searchbar > revealer > .inline-toolbar toolbutton:last-child > button.flat, 
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, searchbar > revealer > .inline-toolbar 
toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), 
.linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 3px; 
border-bottom-right-radius: 3px; border-right-style: solid; }
 
-.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, 
.inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child 
button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar 
toolbutton:backdrop:only-child > button.flat, searchbar.inline-toolbar toolbutton:backdrop:only-child > 
button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 3px; 
border-style: solid; }
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, 
.inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child 
button.flat, searchbar > revealer > .inline-toolbar toolbutton:only-child > button.flat, 
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, searchbar > revealer > .inline-toolbar 
toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > 
button.combo { border-radius: 3px; border-style: solid; }
 
 .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, 
.linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, 
.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { border-style: solid 
solid none solid; border-radius: 0; }
 
@@ -463,23 +463,23 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig
 combobox:drop(active) { box-shadow: none; }
 
 /************ Toolbars * */
-toolbar, searchbar { padding: 6px; background-color: #000; }
+toolbar, searchbar > revealer > * { padding: 6px; background-color: #000; }
 
-toolbar.osd, searchbar.osd { background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; padding: 12px; }
+toolbar.osd, searchbar > revealer > .osd { background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; 
padding: 12px; }
 
-toolbar.osd label, searchbar.osd label { color: #fff; }
+toolbar.osd label, searchbar > revealer > .osd label { color: #fff; }
 
-toolbar.inline-toolbar, searchbar.inline-toolbar { border-width: 0 1px 1px; padding: 3px; border-radius: 0  
0 4px 4px; }
+toolbar.inline-toolbar, searchbar > revealer > .inline-toolbar { border-width: 0 1px 1px; padding: 3px; 
border-radius: 0  0 4px 4px; }
 
-toolbar.vertical, searchbar.vertical { border-right: 1px solid gray; }
+toolbar.vertical, searchbar > revealer > .vertical { border-right: 1px solid gray; }
 
-toolbar.vertical:dir(rtl), searchbar.vertical:dir(rtl) { border-right: none; border-left: 1px solid gray; }
+toolbar.vertical:dir(rtl), searchbar > revealer > .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; }
+searchbar > revealer > * { border-width: 0 0 1px; border-color: gray; border-style: none none solid none; 
margin: -6px; padding: 9px; }
 
-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, searchbar > revealer > .inline-toolbar { border-style: solid; border-color: gray; 
background-color: #262626; box-shadow: inset 0 2px 3px -1px #5c5c5c; }
 
-toolbar.inline-toolbar:backdrop, searchbar.inline-toolbar:backdrop { border-color: #737373; 
background-color: #282828; box-shadow: none; }
+toolbar.inline-toolbar:backdrop, searchbar > revealer > .inline-toolbar:backdrop { border-color: #737373; 
background-color: #282828; box-shadow: none; }
 
 /*************** Header bars * */
 .titlebar:not(headerbar), headerbar { min-height: 46px; border-width: 0 0 1px; border-style: solid; 
border-color: gray; border-radius: 7px 7px 0 0; background-color: transparent; background-image: 
linear-gradient(to bottom, #0a0a0a, #000); box-shadow: inset 0 -1px #262626, inset 0 1px #000; padding: 6px; }
@@ -654,7 +654,7 @@ popover.background, .csd popover.background { border: 1px solid gray; }
 
 popover.background:backdrop { background-color: #000; box-shadow: none; }
 
-popover.background > list, popover.background > .view, textview popover.background > text, 
popover.background > iconview, popover.background > toolbar, popover.background > searchbar { border-style: 
none; background-color: transparent; }
+popover.background > list, popover.background > .view, textview popover.background > text, 
popover.background > iconview, popover.background > toolbar { border-style: none; background-color: 
transparent; }
 
 popover.background.touch-selection, popover.background.magnifier, .csd popover.background.touch-selection, 
.csd popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); }
 
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index 74bb283204..d59bd1f4b0 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -334,13 +334,13 @@ button.destructive-action:disabled:active, button.destructive-action:disabled:ch
 
 .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > 
button:backdrop:disabled:checked { border-width: 2px; border-style: solid; color: gray; border-color: silver; 
background-image: none; background-color: #f6f6f6; }
 
-toolbar.inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, 
toolbar.inline-toolbar toolbutton:backdrop > button.flat, searchbar.inline-toolbar toolbutton:backdrop > 
button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, 
.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > 
button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > 
button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; 
border-right-style: none; }
+toolbar.inline-toolbar toolbutton > button.flat, searchbar > revealer > .inline-toolbar toolbutton > 
button.flat, toolbar.inline-toolbar toolbutton:backdrop > button.flat, searchbar > revealer > .inline-toolbar 
toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) 
entry, .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, 
.linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > box > 
button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border-radius: 0; 
border-right-style: none; }
 
-.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, 
.inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar 
toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, 
toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, searchbar.inline-toolbar 
toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), 
.linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 3px; 
border-bottom-left-radius: 3px; }
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, 
.inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar 
toolbutton:first-child > button.flat, searchbar > revealer > .inline-toolbar toolbutton:first-child > 
button.flat, toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, searchbar > revealer > 
.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), 
.linked:not(.vertical) > combobox:first-child > box > button.combo { border-top-left-radius: 3px; 
border-bottom-left-radius: 3px; }
 
-.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, 
.inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child 
button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar 
toolbutton:backdrop:last-child > button.flat, searchbar.inline-toolbar toolbutton:backdrop:last-child > 
button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box 
button.combo { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; }
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, 
.inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child 
button.flat, searchbar > revealer > .inline-toolbar toolbutton:last-child > button.flat, 
toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, searchbar > revealer > .inline-toolbar 
toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), 
.linked:not(.vertical) > combobox:last-child > box > button.combo { border-top-right-radius: 3px; 
border-bottom-right-radius: 3px; border-right-style: solid; }
 
-.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, 
.inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child 
button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar 
toolbutton:backdrop:only-child > button.flat, searchbar.inline-toolbar toolbutton:backdrop:only-child > 
button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { border-radius: 3px; 
border-style: solid; }
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, 
.inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child 
button.flat, searchbar > revealer > .inline-toolbar toolbutton:only-child > button.flat, 
toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, searchbar > revealer > .inline-toolbar 
toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > 
button.combo { border-radius: 3px; border-style: solid; }
 
 .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, 
.linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, 
.linked.vertical > button:backdrop, .linked.vertical > combobox > box > button.combo { border-style: solid 
solid none solid; border-radius: 0; }
 
@@ -467,23 +467,23 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig
 combobox:drop(active) { box-shadow: none; }
 
 /************ Toolbars * */
-toolbar, searchbar { padding: 6px; background-color: #fff; }
+toolbar, searchbar > revealer > * { padding: 6px; background-color: #fff; }
 
-toolbar.osd, searchbar.osd { background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; padding: 12px; }
+toolbar.osd, searchbar > revealer > .osd { background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; 
padding: 12px; }
 
-toolbar.osd label, searchbar.osd label { color: #fff; }
+toolbar.osd label, searchbar > revealer > .osd label { color: #fff; }
 
-toolbar.inline-toolbar, searchbar.inline-toolbar { border-width: 0 1px 1px; padding: 3px; border-radius: 0  
0 4px 4px; }
+toolbar.inline-toolbar, searchbar > revealer > .inline-toolbar { border-width: 0 1px 1px; padding: 3px; 
border-radius: 0  0 4px 4px; }
 
-toolbar.vertical, searchbar.vertical { border-right: 1px solid gray; }
+toolbar.vertical, searchbar > revealer > .vertical { border-right: 1px solid gray; }
 
-toolbar.vertical:dir(rtl), searchbar.vertical:dir(rtl) { border-right: none; border-left: 1px solid gray; }
+toolbar.vertical:dir(rtl), searchbar > revealer > .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; }
+searchbar > revealer > * { border-width: 0 0 1px; border-color: gray; border-style: none none solid none; 
margin: -6px; padding: 9px; }
 
-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, searchbar > revealer > .inline-toolbar { border-style: solid; border-color: gray; 
background-color: #d9d9d9; box-shadow: inset 0 2px 3px -1px #a4a4a4; }
 
-toolbar.inline-toolbar:backdrop, searchbar.inline-toolbar:backdrop { border-color: #8d8d8d; 
background-color: #d7d7d7; box-shadow: none; }
+toolbar.inline-toolbar:backdrop, searchbar > revealer > .inline-toolbar:backdrop { border-color: #8d8d8d; 
background-color: #d7d7d7; box-shadow: none; }
 
 /*************** Header bars * */
 .titlebar:not(headerbar), headerbar { min-height: 46px; border-width: 0 0 1px; border-style: solid; 
border-color: gray; border-radius: 7px 7px 0 0; background-color: transparent; background-image: 
linear-gradient(to bottom, white, #fff); box-shadow: inset 0 -1px #d9d9d9, inset 0 1px #fff; padding: 6px; }
@@ -658,7 +658,7 @@ popover.background, .csd popover.background { border: 1px solid gray; }
 
 popover.background:backdrop { background-color: #fff; box-shadow: none; }
 
-popover.background > list, popover.background > .view, textview popover.background > text, 
popover.background > iconview, popover.background > toolbar, popover.background > searchbar { border-style: 
none; background-color: transparent; }
+popover.background > list, popover.background > .view, textview popover.background > text, 
popover.background > iconview, popover.background > toolbar { border-style: none; background-color: 
transparent; }
 
 popover.background.touch-selection, popover.background.magnifier, .csd popover.background.touch-selection, 
.csd popover.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); }
 


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