forked from AuroraMiddleware/gtk
Adwaita: ensure menuitem labels are not overridden
see https://bugzilla.gnome.org/show_bug.cgi?id=767058
This commit is contained in:
parent
4dbe7c99c2
commit
69f8b4bb77
@ -1855,7 +1855,8 @@ menubar,
|
|||||||
}
|
}
|
||||||
|
|
||||||
menu,
|
menu,
|
||||||
.menu {
|
.menu,
|
||||||
|
.context-menu {
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
padding: 2px 0px;
|
padding: 2px 0px;
|
||||||
background-color: $menu_color;
|
background-color: $menu_color;
|
||||||
@ -1902,6 +1903,10 @@ menu,
|
|||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// avoids labels color being overridden, see
|
||||||
|
// https://bugzilla.gnome.org/show_bug.cgi?id=767058
|
||||||
|
label { &:dir(rtl), &:dir(ltr) { color: inherit; }}
|
||||||
}
|
}
|
||||||
|
|
||||||
// overflow arrows
|
// overflow arrows
|
||||||
|
@ -2259,52 +2259,71 @@ menubar,
|
|||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
menu,
|
menu,
|
||||||
.menu {
|
.menu,
|
||||||
|
.context-menu {
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
padding: 2px 0px;
|
padding: 2px 0px;
|
||||||
background-color: #262b2d;
|
background-color: #262b2d;
|
||||||
border: 1px solid #1b1f20; }
|
border: 1px solid #1b1f20; }
|
||||||
.csd menu, .csd
|
.csd menu, .csd
|
||||||
.menu {
|
.menu, .csd
|
||||||
|
.context-menu {
|
||||||
border: none; }
|
border: none; }
|
||||||
menu:backdrop,
|
menu:backdrop,
|
||||||
.menu:backdrop {
|
.menu:backdrop,
|
||||||
|
.context-menu:backdrop {
|
||||||
background-color: #282d2f; }
|
background-color: #282d2f; }
|
||||||
menu menuitem,
|
menu menuitem,
|
||||||
.menu menuitem {
|
.menu menuitem,
|
||||||
|
.context-menu menuitem {
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
menu menuitem:hover,
|
menu menuitem:hover,
|
||||||
.menu menuitem:hover {
|
.menu menuitem:hover,
|
||||||
|
.context-menu menuitem:hover {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color: #215d9c; }
|
background-color: #215d9c; }
|
||||||
menu menuitem:disabled,
|
menu menuitem:disabled,
|
||||||
.menu menuitem:disabled {
|
.menu menuitem:disabled,
|
||||||
|
.context-menu menuitem:disabled {
|
||||||
color: #919494; }
|
color: #919494; }
|
||||||
menu menuitem:disabled:backdrop,
|
menu menuitem:disabled:backdrop,
|
||||||
.menu menuitem:disabled:backdrop {
|
.menu menuitem:disabled:backdrop,
|
||||||
|
.context-menu menuitem:disabled:backdrop {
|
||||||
color: #566164; }
|
color: #566164; }
|
||||||
menu menuitem:backdrop, menu menuitem:backdrop:hover,
|
menu menuitem:backdrop, menu menuitem:backdrop:hover,
|
||||||
.menu menuitem:backdrop,
|
.menu menuitem:backdrop,
|
||||||
.menu menuitem:backdrop:hover {
|
.menu menuitem:backdrop:hover,
|
||||||
|
.context-menu menuitem:backdrop,
|
||||||
|
.context-menu menuitem:backdrop:hover {
|
||||||
color: #919494;
|
color: #919494;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
menu menuitem arrow,
|
menu menuitem arrow,
|
||||||
.menu menuitem arrow {
|
.menu menuitem arrow,
|
||||||
|
.context-menu menuitem arrow {
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 16px; }
|
min-width: 16px; }
|
||||||
menu menuitem arrow:dir(ltr),
|
menu menuitem arrow:dir(ltr),
|
||||||
.menu menuitem arrow:dir(ltr) {
|
.menu menuitem arrow:dir(ltr),
|
||||||
|
.context-menu menuitem arrow:dir(ltr) {
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
menu menuitem arrow:dir(rtl),
|
menu menuitem arrow:dir(rtl),
|
||||||
.menu menuitem arrow:dir(rtl) {
|
.menu menuitem arrow:dir(rtl),
|
||||||
|
.context-menu menuitem arrow:dir(rtl) {
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
|
||||||
|
.menu menuitem label:dir(rtl),
|
||||||
|
.menu menuitem label:dir(ltr),
|
||||||
|
.context-menu menuitem label:dir(rtl),
|
||||||
|
.context-menu menuitem label:dir(ltr) {
|
||||||
|
color: inherit; }
|
||||||
menu > arrow,
|
menu > arrow,
|
||||||
.menu > arrow {
|
.menu > arrow,
|
||||||
|
.context-menu > arrow {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
@ -2317,23 +2336,28 @@ menu,
|
|||||||
background-color: #262b2d;
|
background-color: #262b2d;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
menu > arrow.top,
|
menu > arrow.top,
|
||||||
.menu > arrow.top {
|
.menu > arrow.top,
|
||||||
|
.context-menu > arrow.top {
|
||||||
margin-top: -6px;
|
margin-top: -6px;
|
||||||
border-bottom: 1px solid #373b3d;
|
border-bottom: 1px solid #373b3d;
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||||
menu > arrow.bottom,
|
menu > arrow.bottom,
|
||||||
.menu > arrow.bottom {
|
.menu > arrow.bottom,
|
||||||
|
.context-menu > arrow.bottom {
|
||||||
margin-bottom: -6px;
|
margin-bottom: -6px;
|
||||||
border-top: 1px solid #373b3d;
|
border-top: 1px solid #373b3d;
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||||
menu > arrow:hover,
|
menu > arrow:hover,
|
||||||
.menu > arrow:hover {
|
.menu > arrow:hover,
|
||||||
|
.context-menu > arrow:hover {
|
||||||
background-color: #373b3d; }
|
background-color: #373b3d; }
|
||||||
menu > arrow:backdrop,
|
menu > arrow:backdrop,
|
||||||
.menu > arrow:backdrop {
|
.menu > arrow:backdrop,
|
||||||
|
.context-menu > arrow:backdrop {
|
||||||
background-color: #282d2f; }
|
background-color: #282d2f; }
|
||||||
menu > arrow:disabled,
|
menu > arrow:disabled,
|
||||||
.menu > arrow:disabled {
|
.menu > arrow:disabled,
|
||||||
|
.context-menu > arrow:disabled {
|
||||||
color: transparent;
|
color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: transparent; }
|
border-color: transparent; }
|
||||||
|
@ -2272,52 +2272,71 @@ menubar,
|
|||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
menu,
|
menu,
|
||||||
.menu {
|
.menu,
|
||||||
|
.context-menu {
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
padding: 2px 0px;
|
padding: 2px 0px;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border: 1px solid #b6b6b3; }
|
border: 1px solid #b6b6b3; }
|
||||||
.csd menu, .csd
|
.csd menu, .csd
|
||||||
.menu {
|
.menu, .csd
|
||||||
|
.context-menu {
|
||||||
border: none; }
|
border: none; }
|
||||||
menu:backdrop,
|
menu:backdrop,
|
||||||
.menu:backdrop {
|
.menu:backdrop,
|
||||||
|
.context-menu:backdrop {
|
||||||
background-color: #fcfcfc; }
|
background-color: #fcfcfc; }
|
||||||
menu menuitem,
|
menu menuitem,
|
||||||
.menu menuitem {
|
.menu menuitem,
|
||||||
|
.context-menu menuitem {
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
padding: 4px 6px;
|
padding: 4px 6px;
|
||||||
text-shadow: none; }
|
text-shadow: none; }
|
||||||
menu menuitem:hover,
|
menu menuitem:hover,
|
||||||
.menu menuitem:hover {
|
.menu menuitem:hover,
|
||||||
|
.context-menu menuitem:hover {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background-color: #4a90d9; }
|
background-color: #4a90d9; }
|
||||||
menu menuitem:disabled,
|
menu menuitem:disabled,
|
||||||
.menu menuitem:disabled {
|
.menu menuitem:disabled,
|
||||||
|
.context-menu menuitem:disabled {
|
||||||
color: #8b8e8f; }
|
color: #8b8e8f; }
|
||||||
menu menuitem:disabled:backdrop,
|
menu menuitem:disabled:backdrop,
|
||||||
.menu menuitem:disabled:backdrop {
|
.menu menuitem:disabled:backdrop,
|
||||||
|
.context-menu menuitem:disabled:backdrop {
|
||||||
color: #c3c3c0; }
|
color: #c3c3c0; }
|
||||||
menu menuitem:backdrop, menu menuitem:backdrop:hover,
|
menu menuitem:backdrop, menu menuitem:backdrop:hover,
|
||||||
.menu menuitem:backdrop,
|
.menu menuitem:backdrop,
|
||||||
.menu menuitem:backdrop:hover {
|
.menu menuitem:backdrop:hover,
|
||||||
|
.context-menu menuitem:backdrop,
|
||||||
|
.context-menu menuitem:backdrop:hover {
|
||||||
color: #8b8e8f;
|
color: #8b8e8f;
|
||||||
background-color: transparent; }
|
background-color: transparent; }
|
||||||
menu menuitem arrow,
|
menu menuitem arrow,
|
||||||
.menu menuitem arrow {
|
.menu menuitem arrow,
|
||||||
|
.context-menu menuitem arrow {
|
||||||
min-height: 16px;
|
min-height: 16px;
|
||||||
min-width: 16px; }
|
min-width: 16px; }
|
||||||
menu menuitem arrow:dir(ltr),
|
menu menuitem arrow:dir(ltr),
|
||||||
.menu menuitem arrow:dir(ltr) {
|
.menu menuitem arrow:dir(ltr),
|
||||||
|
.context-menu menuitem arrow:dir(ltr) {
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
menu menuitem arrow:dir(rtl),
|
menu menuitem arrow:dir(rtl),
|
||||||
.menu menuitem arrow:dir(rtl) {
|
.menu menuitem arrow:dir(rtl),
|
||||||
|
.context-menu menuitem arrow:dir(rtl) {
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
|
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
|
||||||
|
.menu menuitem label:dir(rtl),
|
||||||
|
.menu menuitem label:dir(ltr),
|
||||||
|
.context-menu menuitem label:dir(rtl),
|
||||||
|
.context-menu menuitem label:dir(ltr) {
|
||||||
|
color: inherit; }
|
||||||
menu > arrow,
|
menu > arrow,
|
||||||
.menu > arrow {
|
.menu > arrow,
|
||||||
|
.context-menu > arrow {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
@ -2330,23 +2349,28 @@ menu,
|
|||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
menu > arrow.top,
|
menu > arrow.top,
|
||||||
.menu > arrow.top {
|
.menu > arrow.top,
|
||||||
|
.context-menu > arrow.top {
|
||||||
margin-top: -6px;
|
margin-top: -6px;
|
||||||
border-bottom: 1px solid #eaebeb;
|
border-bottom: 1px solid #eaebeb;
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||||
menu > arrow.bottom,
|
menu > arrow.bottom,
|
||||||
.menu > arrow.bottom {
|
.menu > arrow.bottom,
|
||||||
|
.context-menu > arrow.bottom {
|
||||||
margin-bottom: -6px;
|
margin-bottom: -6px;
|
||||||
border-top: 1px solid #eaebeb;
|
border-top: 1px solid #eaebeb;
|
||||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||||
menu > arrow:hover,
|
menu > arrow:hover,
|
||||||
.menu > arrow:hover {
|
.menu > arrow:hover,
|
||||||
|
.context-menu > arrow:hover {
|
||||||
background-color: #eaebeb; }
|
background-color: #eaebeb; }
|
||||||
menu > arrow:backdrop,
|
menu > arrow:backdrop,
|
||||||
.menu > arrow:backdrop {
|
.menu > arrow:backdrop,
|
||||||
|
.context-menu > arrow:backdrop {
|
||||||
background-color: #fcfcfc; }
|
background-color: #fcfcfc; }
|
||||||
menu > arrow:disabled,
|
menu > arrow:disabled,
|
||||||
.menu > arrow:disabled {
|
.menu > arrow:disabled,
|
||||||
|
.context-menu > arrow:disabled {
|
||||||
color: transparent;
|
color: transparent;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: transparent; }
|
border-color: transparent; }
|
||||||
|
Loading…
Reference in New Issue
Block a user