adwaita: Move searchbar style to box child

This way, we avoid a 1px border at the bottom of the actual searchbar
widget and move it instead to the child of a GtkRevealer. Since we can
now use widgets with 0px height, we finally get rid of the 1px border
that was drawn even if the searchbar child was hidden.
This commit is contained in:
Timm Bäder 2018-02-16 21:19:04 +01:00
parent f22403a317
commit 1b8a768279
3 changed files with 19 additions and 11 deletions

View File

@ -1394,7 +1394,6 @@ toolbar {
border-radius: 0 0 5px 5px;
}
searchbar,
.location-bar {
@extend %toolbar;
@ -1408,6 +1407,11 @@ searchbar {
padding: 0px;
>revealer>box {
padding: 6px;
@extend %toolbar;
@extend %darkbar;
border-width: 0 0 1px;
}
}

View File

@ -565,7 +565,7 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig
combobox:drop(active) { box-shadow: none; }
/************ Toolbars * */
toolbar, .inline-toolbar, searchbar, .location-bar { padding: 4px; background-color: #33393b; }
toolbar, .inline-toolbar, .location-bar, searchbar > revealer > box { padding: 4px; background-color: #33393b; }
toolbar { padding: 4px 3px 3px 4px; }
@ -583,13 +583,15 @@ toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(
.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; }
searchbar, .location-bar { border-width: 0 0 1px; padding: 0px; }
.location-bar { border-width: 0 0 1px; padding: 0px; }
searchbar > revealer > box { padding: 6px; }
searchbar { padding: 0px; }
.inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: #1b1f20; background-color: #2c3133; }
searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
.inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { border-color: #202425; background-color: #2c3233; box-shadow: none; transition: 200ms ease-out; }
.inline-toolbar, .location-bar, searchbar > revealer > box { border-style: solid; border-color: #1b1f20; background-color: #2c3133; }
.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color: #202425; background-color: #2c3233; box-shadow: none; transition: 200ms ease-out; }
/*************** Header bars * */
.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #0b0c0c; border-radius: 0; background: #2c3133 linear-gradient(to top, #25292b, #2a2e30 2px, #2c3133 3px); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }

View File

@ -573,7 +573,7 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-heig
combobox:drop(active) { box-shadow: none; }
/************ Toolbars * */
toolbar, .inline-toolbar, searchbar, .location-bar { padding: 4px; background-color: #e8e8e7; }
toolbar, .inline-toolbar, .location-bar, searchbar > revealer > box { padding: 4px; background-color: #e8e8e7; }
toolbar { padding: 4px 3px 3px 4px; }
@ -591,13 +591,15 @@ toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(
.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; }
searchbar, .location-bar { border-width: 0 0 1px; padding: 0px; }
.location-bar { border-width: 0 0 1px; padding: 0px; }
searchbar > revealer > box { padding: 6px; }
searchbar { padding: 0px; }
.inline-toolbar, searchbar, .location-bar { border-style: solid; border-color: #b6b6b3; background-color: #d9d9d7; }
searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
.inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { border-color: #c0c0bd; background-color: #dadad8; box-shadow: none; transition: 200ms ease-out; }
.inline-toolbar, .location-bar, searchbar > revealer > box { border-style: solid; border-color: #b6b6b3; background-color: #d9d9d7; }
.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color: #c0c0bd; background-color: #dadad8; box-shadow: none; transition: 200ms ease-out; }
/*************** Header bars * */
.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #91918c; border-radius: 0; background: #f4f4f4 linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }