forked from AuroraMiddleware/gtk
Adwaita: combo style cleanup and fixes
fixes https://bugzilla.gnome.org/show_bug.cgi?id=760524
This commit is contained in:
parent
e8b9aacfc1
commit
f32e1d42e6
@ -1051,63 +1051,22 @@ spinbutton {
|
|||||||
* ComboBoxes *
|
* ComboBoxes *
|
||||||
**************/
|
**************/
|
||||||
combobox {
|
combobox {
|
||||||
> button.combo {
|
|
||||||
padding-left: 8px;
|
|
||||||
padding-right: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include _button_text_shadow;
|
|
||||||
|
|
||||||
&:disabled {
|
|
||||||
color: $insensitive_fg_color;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:backdrop {
|
|
||||||
color: $backdrop_fg_color;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:backdrop:disabled { color: $backdrop_insensitive_color; }
|
|
||||||
|
|
||||||
arrow {
|
arrow {
|
||||||
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
|
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 16px;
|
min-width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
menuitem { text-shadow: none; }
|
&.linked {
|
||||||
> entry.combo {
|
button:nth-child(2) {
|
||||||
&:dir(ltr) {
|
&:dir(ltr) { @extend %linked:last-child; }
|
||||||
border-top-right-radius: 0;
|
&:dir(rtl) { @extend %linked:first-child; }
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:dir(rtl) {
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> button.combo:not(:only-child) {
|
|
||||||
&:dir(ltr) {
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-left-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:dir(rtl) {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-right-style: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.linked > combobox > button.combo {
|
.linked > combobox > button.combo {
|
||||||
// the combo is a composite widget so the way we do button linkind doesn't
|
// the combo is a composite widget so the way we do button linking doesn't
|
||||||
// work, special case needed. See
|
// work, special case needed. See
|
||||||
// https://bugzilla.gnome.org/show_bug.cgi?id=733979
|
// https://bugzilla.gnome.org/show_bug.cgi?id=733979
|
||||||
|
|
||||||
@ -1115,9 +1074,9 @@ combobox {
|
|||||||
&:dir(rtl) { @extend %linked_middle; } // specificity bump
|
&:dir(rtl) { @extend %linked_middle; } // specificity bump
|
||||||
}
|
}
|
||||||
|
|
||||||
.linked > combobox:first-child > button.combo { @extend %linked:first-child; }
|
.linked:not(.vertical) > combobox:first-child > button.combo { @extend %linked:first-child; }
|
||||||
.linked > combobox:last-child > button.combo { @extend %linked:last-child; }
|
.linked:not(.vertical) > combobox:last-child > button.combo { @extend %linked:last-child; }
|
||||||
.linked > combobox:only-child > button.combo { @extend %linked:only-child; }
|
.linked:not(.vertical) > combobox:only-child > button.combo { @extend %linked:only-child; }
|
||||||
|
|
||||||
.linked.vertical > combobox > button.combo { @extend %linked_vertical_middle; }
|
.linked.vertical > combobox > button.combo { @extend %linked_vertical_middle; }
|
||||||
.linked.vertical > combobox:first-child > button.combo { @extend %linked_vertical:first-child;}
|
.linked.vertical > combobox:first-child > button.combo { @extend %linked_vertical:first-child;}
|
||||||
|
@ -1127,7 +1127,7 @@ searchbar.inline-toolbar toolbutton:backdrop:first-child > button.sidebar-button
|
|||||||
.inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
|
.inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
|
||||||
headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
|
headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
|
||||||
.inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
|
.inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
|
||||||
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, .linked > combobox:first-child > button.combo {
|
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo {
|
||||||
border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
border-bottom-left-radius: 3px; }
|
border-bottom-left-radius: 3px; }
|
||||||
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
|
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
|
||||||
@ -1147,7 +1147,7 @@ searchbar.inline-toolbar toolbutton:backdrop:last-child > button.sidebar-button,
|
|||||||
.inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
|
.inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
|
||||||
headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
|
headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
|
||||||
.inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
|
.inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
|
||||||
.titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, .linked > combobox:last-child > button.combo {
|
.titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo {
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-right-style: solid; }
|
border-right-style: solid; }
|
||||||
@ -1168,7 +1168,7 @@ searchbar.inline-toolbar toolbutton:backdrop:only-child > button.sidebar-button,
|
|||||||
.inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
|
.inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
|
||||||
headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
|
headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
|
||||||
.inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
|
.inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
|
||||||
.titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, .linked > combobox:only-child > button.combo {
|
.titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, .linked:not(.vertical) > combobox:only-child > button.combo {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
border-style: solid; }
|
border-style: solid; }
|
||||||
|
|
||||||
@ -1525,45 +1525,10 @@ treeview spinbutton spinbutton:focus {
|
|||||||
/**************
|
/**************
|
||||||
* ComboBoxes *
|
* ComboBoxes *
|
||||||
**************/
|
**************/
|
||||||
combobox {
|
|
||||||
text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
|
|
||||||
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); }
|
|
||||||
combobox > button.combo, headerbar combobox > button.combo.titlebutton,
|
|
||||||
.titlebar combobox > button.combo.titlebutton {
|
|
||||||
padding-left: 8px;
|
|
||||||
padding-right: 8px; }
|
|
||||||
combobox:disabled {
|
|
||||||
color: #949796;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none; }
|
|
||||||
combobox:backdrop {
|
|
||||||
color: #949796;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none; }
|
|
||||||
combobox:backdrop:disabled {
|
|
||||||
color: #5d6767; }
|
|
||||||
combobox arrow {
|
combobox arrow {
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 16px; }
|
min-width: 16px; }
|
||||||
combobox menuitem {
|
|
||||||
text-shadow: none; }
|
|
||||||
combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0; }
|
|
||||||
combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) {
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0; }
|
|
||||||
combobox > button.combo:not(:only-child):dir(ltr), headerbar combobox > button.combo.titlebutton:not(:only-child):dir(ltr),
|
|
||||||
.titlebar combobox > button.combo.titlebutton:not(:only-child):dir(ltr) {
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-left-style: none; }
|
|
||||||
combobox > button.combo:not(:only-child):dir(rtl), headerbar combobox > button.combo.titlebutton:not(:only-child):dir(rtl),
|
|
||||||
.titlebar combobox > button.combo.titlebutton:not(:only-child):dir(rtl) {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-right-style: none; }
|
|
||||||
|
|
||||||
/************
|
/************
|
||||||
* Toolbars *
|
* Toolbars *
|
||||||
|
@ -1127,7 +1127,7 @@ searchbar.inline-toolbar toolbutton:backdrop:first-child > button.sidebar-button
|
|||||||
.inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
|
.inline-toolbar headerbar toolbutton:backdrop:first-child > button.titlebutton,
|
||||||
headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
|
headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton,
|
||||||
.inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
|
.inline-toolbar .titlebar toolbutton:backdrop:first-child > button.titlebutton,
|
||||||
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, .linked > combobox:first-child > button.combo {
|
.titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo {
|
||||||
border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
border-bottom-left-radius: 3px; }
|
border-bottom-left-radius: 3px; }
|
||||||
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
|
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked > button:last-child, headerbar .linked > button.titlebutton:last-child,
|
||||||
@ -1147,7 +1147,7 @@ searchbar.inline-toolbar toolbutton:backdrop:last-child > button.sidebar-button,
|
|||||||
.inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
|
.inline-toolbar headerbar toolbutton:backdrop:last-child > button.titlebutton,
|
||||||
headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
|
headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton,
|
||||||
.inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
|
.inline-toolbar .titlebar toolbutton:backdrop:last-child > button.titlebutton,
|
||||||
.titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, .linked > combobox:last-child > button.combo {
|
.titlebar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo {
|
||||||
border-top-right-radius: 3px;
|
border-top-right-radius: 3px;
|
||||||
border-bottom-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
||||||
border-right-style: solid; }
|
border-right-style: solid; }
|
||||||
@ -1168,7 +1168,7 @@ searchbar.inline-toolbar toolbutton:backdrop:only-child > button.sidebar-button,
|
|||||||
.inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
|
.inline-toolbar headerbar toolbutton:backdrop:only-child > button.titlebutton,
|
||||||
headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
|
headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton,
|
||||||
.inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
|
.inline-toolbar .titlebar toolbutton:backdrop:only-child > button.titlebutton,
|
||||||
.titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, .linked > combobox:only-child > button.combo {
|
.titlebar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, .linked:not(.vertical) > combobox:only-child > button.combo {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
border-style: solid; }
|
border-style: solid; }
|
||||||
|
|
||||||
@ -1529,45 +1529,10 @@ treeview spinbutton spinbutton:focus {
|
|||||||
/**************
|
/**************
|
||||||
* ComboBoxes *
|
* ComboBoxes *
|
||||||
**************/
|
**************/
|
||||||
combobox {
|
|
||||||
text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
|
|
||||||
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
|
|
||||||
combobox > button.combo, headerbar combobox > button.combo.titlebutton,
|
|
||||||
.titlebar combobox > button.combo.titlebutton {
|
|
||||||
padding-left: 8px;
|
|
||||||
padding-right: 8px; }
|
|
||||||
combobox:disabled {
|
|
||||||
color: #8b8e8f;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none; }
|
|
||||||
combobox:backdrop {
|
|
||||||
color: #8b8e8f;
|
|
||||||
text-shadow: none;
|
|
||||||
-gtk-icon-shadow: none; }
|
|
||||||
combobox:backdrop:disabled {
|
|
||||||
color: #c3c3c0; }
|
|
||||||
combobox arrow {
|
combobox arrow {
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 16px; }
|
min-width: 16px; }
|
||||||
combobox menuitem {
|
|
||||||
text-shadow: none; }
|
|
||||||
combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0; }
|
|
||||||
combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) {
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0; }
|
|
||||||
combobox > button.combo:not(:only-child):dir(ltr), headerbar combobox > button.combo.titlebutton:not(:only-child):dir(ltr),
|
|
||||||
.titlebar combobox > button.combo.titlebutton:not(:only-child):dir(ltr) {
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-left-style: none; }
|
|
||||||
combobox > button.combo:not(:only-child):dir(rtl), headerbar combobox > button.combo.titlebutton:not(:only-child):dir(rtl),
|
|
||||||
.titlebar combobox > button.combo.titlebutton:not(:only-child):dir(rtl) {
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-right-style: none; }
|
|
||||||
|
|
||||||
/************
|
/************
|
||||||
* Toolbars *
|
* Toolbars *
|
||||||
|
Loading…
Reference in New Issue
Block a user