mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
fix menu overflow buttons
This commit is contained in:
parent
2b98a03751
commit
351060c53d
@ -675,8 +675,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
|
||||
border-style: solid; }
|
||||
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
|
||||
.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
@ -1541,25 +1540,31 @@ menu,
|
||||
menuitem check:dir(rtl), menuitem radio:dir(rtl) {
|
||||
margin-left: 6px;
|
||||
margin-right: 2px; }
|
||||
menu arrow,
|
||||
.menu arrow {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
menu > arrow,
|
||||
.menu > arrow {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
menu arrow.top,
|
||||
.menu arrow.top {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
border-bottom: 1px solid #4f5461; }
|
||||
menu arrow.bottom,
|
||||
.menu arrow.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
border-top: 1px solid #4f5461; }
|
||||
menu arrow:hover,
|
||||
.menu arrow:hover {
|
||||
min-height: 16px;
|
||||
padding: 4px;
|
||||
background-color: #383C4A;
|
||||
border-radius: 0; }
|
||||
menu > arrow.top,
|
||||
.menu > arrow.top {
|
||||
margin-top: -6px;
|
||||
border-bottom: 1px solid #4f5461;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menu > arrow.bottom,
|
||||
.menu > arrow.bottom {
|
||||
margin-bottom: -6px;
|
||||
border-top: 1px solid #4f5461;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menu > arrow:hover,
|
||||
.menu > arrow:hover {
|
||||
background-color: #4f5461; }
|
||||
menu arrow:disabled,
|
||||
.menu arrow:disabled {
|
||||
menu > arrow:disabled,
|
||||
.menu > arrow:disabled {
|
||||
color: transparent;
|
||||
background-color: transparent;
|
||||
border-color: transparent; }
|
||||
|
@ -674,8 +674,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
|
||||
border-style: solid; }
|
||||
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
|
||||
.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
@ -1540,25 +1539,31 @@ menu,
|
||||
menuitem check:dir(rtl), menuitem radio:dir(rtl) {
|
||||
margin-left: 6px;
|
||||
margin-right: 2px; }
|
||||
menu arrow,
|
||||
.menu arrow {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
menu > arrow,
|
||||
.menu > arrow {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
menu arrow.top,
|
||||
.menu arrow.top {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
border-bottom: 1px solid #efeff0; }
|
||||
menu arrow.bottom,
|
||||
.menu arrow.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
border-top: 1px solid #efeff0; }
|
||||
menu arrow:hover,
|
||||
.menu arrow:hover {
|
||||
min-height: 16px;
|
||||
padding: 4px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0; }
|
||||
menu > arrow.top,
|
||||
.menu > arrow.top {
|
||||
margin-top: -6px;
|
||||
border-bottom: 1px solid #efeff0;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menu > arrow.bottom,
|
||||
.menu > arrow.bottom {
|
||||
margin-bottom: -6px;
|
||||
border-top: 1px solid #efeff0;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menu > arrow:hover,
|
||||
.menu > arrow:hover {
|
||||
background-color: #efeff0; }
|
||||
menu arrow:disabled,
|
||||
.menu arrow:disabled {
|
||||
menu > arrow:disabled,
|
||||
.menu > arrow:disabled {
|
||||
color: transparent;
|
||||
background-color: transparent;
|
||||
border-color: transparent; }
|
||||
|
@ -675,8 +675,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
|
||||
border-style: solid; }
|
||||
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
|
||||
.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
@ -1541,25 +1540,31 @@ menu,
|
||||
menuitem check:dir(rtl), menuitem radio:dir(rtl) {
|
||||
margin-left: 6px;
|
||||
margin-right: 2px; }
|
||||
menu arrow,
|
||||
.menu arrow {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
menu > arrow,
|
||||
.menu > arrow {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
menu arrow.top,
|
||||
.menu arrow.top {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
border-bottom: 1px solid #4f5461; }
|
||||
menu arrow.bottom,
|
||||
.menu arrow.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
border-top: 1px solid #4f5461; }
|
||||
menu arrow:hover,
|
||||
.menu arrow:hover {
|
||||
min-height: 16px;
|
||||
padding: 4px;
|
||||
background-color: #383C4A;
|
||||
border-radius: 0; }
|
||||
menu > arrow.top,
|
||||
.menu > arrow.top {
|
||||
margin-top: -6px;
|
||||
border-bottom: 1px solid #4f5461;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menu > arrow.bottom,
|
||||
.menu > arrow.bottom {
|
||||
margin-bottom: -6px;
|
||||
border-top: 1px solid #4f5461;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menu > arrow:hover,
|
||||
.menu > arrow:hover {
|
||||
background-color: #4f5461; }
|
||||
menu arrow:disabled,
|
||||
.menu arrow:disabled {
|
||||
menu > arrow:disabled,
|
||||
.menu > arrow:disabled {
|
||||
color: transparent;
|
||||
background-color: transparent;
|
||||
border-color: transparent; }
|
||||
|
@ -674,8 +674,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
|
||||
border-style: solid; }
|
||||
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
|
||||
.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
@ -1540,25 +1539,31 @@ menu,
|
||||
menuitem check:dir(rtl), menuitem radio:dir(rtl) {
|
||||
margin-left: 6px;
|
||||
margin-right: 2px; }
|
||||
menu arrow,
|
||||
.menu arrow {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
menu > arrow,
|
||||
.menu > arrow {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
menu arrow.top,
|
||||
.menu arrow.top {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
border-bottom: 1px solid #efeff0; }
|
||||
menu arrow.bottom,
|
||||
.menu arrow.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
border-top: 1px solid #efeff0; }
|
||||
menu arrow:hover,
|
||||
.menu arrow:hover {
|
||||
min-height: 16px;
|
||||
padding: 4px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0; }
|
||||
menu > arrow.top,
|
||||
.menu > arrow.top {
|
||||
margin-top: -6px;
|
||||
border-bottom: 1px solid #efeff0;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menu > arrow.bottom,
|
||||
.menu > arrow.bottom {
|
||||
margin-bottom: -6px;
|
||||
border-top: 1px solid #efeff0;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menu > arrow:hover,
|
||||
.menu > arrow:hover {
|
||||
background-color: #efeff0; }
|
||||
menu arrow:disabled,
|
||||
.menu arrow:disabled {
|
||||
menu > arrow:disabled,
|
||||
.menu > arrow:disabled {
|
||||
color: transparent;
|
||||
background-color: transparent;
|
||||
border-color: transparent; }
|
||||
|
@ -674,8 +674,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
|
||||
border-style: solid; }
|
||||
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
|
||||
.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
@ -1544,25 +1543,31 @@ menu,
|
||||
menuitem check:dir(rtl), menuitem radio:dir(rtl) {
|
||||
margin-left: 6px;
|
||||
margin-right: 2px; }
|
||||
menu arrow,
|
||||
.menu arrow {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
menu > arrow,
|
||||
.menu > arrow {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
menu arrow.top,
|
||||
.menu arrow.top {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
border-bottom: 1px solid #efeff0; }
|
||||
menu arrow.bottom,
|
||||
.menu arrow.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
border-top: 1px solid #efeff0; }
|
||||
menu arrow:hover,
|
||||
.menu arrow:hover {
|
||||
min-height: 16px;
|
||||
padding: 4px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0; }
|
||||
menu > arrow.top,
|
||||
.menu > arrow.top {
|
||||
margin-top: -6px;
|
||||
border-bottom: 1px solid #efeff0;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menu > arrow.bottom,
|
||||
.menu > arrow.bottom {
|
||||
margin-bottom: -6px;
|
||||
border-top: 1px solid #efeff0;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menu > arrow:hover,
|
||||
.menu > arrow:hover {
|
||||
background-color: #efeff0; }
|
||||
menu arrow:disabled,
|
||||
.menu arrow:disabled {
|
||||
menu > arrow:disabled,
|
||||
.menu > arrow:disabled {
|
||||
color: transparent;
|
||||
background-color: transparent;
|
||||
border-color: transparent; }
|
||||
|
@ -674,8 +674,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
|
||||
border-style: solid; }
|
||||
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
|
||||
.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
@ -1544,25 +1543,31 @@ menu,
|
||||
menuitem check:dir(rtl), menuitem radio:dir(rtl) {
|
||||
margin-left: 6px;
|
||||
margin-right: 2px; }
|
||||
menu arrow,
|
||||
.menu arrow {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
menu > arrow,
|
||||
.menu > arrow {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
min-width: 16px;
|
||||
min-height: 16px; }
|
||||
menu arrow.top,
|
||||
.menu arrow.top {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
border-bottom: 1px solid #efeff0; }
|
||||
menu arrow.bottom,
|
||||
.menu arrow.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
border-top: 1px solid #efeff0; }
|
||||
menu arrow:hover,
|
||||
.menu arrow:hover {
|
||||
min-height: 16px;
|
||||
padding: 4px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0; }
|
||||
menu > arrow.top,
|
||||
.menu > arrow.top {
|
||||
margin-top: -6px;
|
||||
border-bottom: 1px solid #efeff0;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menu > arrow.bottom,
|
||||
.menu > arrow.bottom {
|
||||
margin-bottom: -6px;
|
||||
border-top: 1px solid #efeff0;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menu > arrow:hover,
|
||||
.menu > arrow:hover {
|
||||
background-color: #efeff0; }
|
||||
menu arrow:disabled,
|
||||
.menu arrow:disabled {
|
||||
menu > arrow:disabled,
|
||||
.menu > arrow:disabled {
|
||||
color: transparent;
|
||||
background-color: transparent;
|
||||
border-color: transparent; }
|
||||
|
@ -1613,20 +1613,24 @@ menu,
|
||||
}
|
||||
}
|
||||
}
|
||||
arrow { // overflow buttons
|
||||
@extend %undecorated_button;
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
// overflow buttons
|
||||
> arrow {
|
||||
@include button(undecorated);
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
padding: 4px;
|
||||
background-color: $_menu_bg;
|
||||
border-radius: 0;
|
||||
|
||||
&.top {
|
||||
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
|
||||
margin-top: -6px;
|
||||
border-bottom: 1px solid mix($fg_color, $base_color, 10%);
|
||||
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
|
||||
}
|
||||
&.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
|
||||
margin-bottom: -6px;
|
||||
border-top: 1px solid mix($fg_color, $base_color, 10%);
|
||||
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
|
||||
}
|
||||
&:hover { background-color: mix($fg_color, $base_color, 10%); }
|
||||
&:disabled {
|
||||
|
Loading…
Reference in New Issue
Block a user