Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

fix menu overflow buttons

Browse Source
This commit is contained in:
Horst3180 2016-03-28 12:09:09 +02:00
parent 2b98a03751
commit 351060c53d
7 changed files with 154 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
common/gtk-3.0/3.20/gtk-dark.css
View File

@ -675,8 +675,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
border-style: solid; } border-style: solid; }
menuitem.button.flat, 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, 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 {
.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 {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1541,25 +1540,31 @@ menu,
menuitem check:dir(rtl), menuitem radio:dir(rtl) { menuitem check:dir(rtl), menuitem radio:dir(rtl) {
margin-left: 6px; margin-left: 6px;
margin-right: 2px; } margin-right: 2px; }
menu arrow, menu > arrow,
.menu arrow { .menu > arrow {
border-style: none; border-color: transparent;
border-radius: 0; background-color: transparent;
background-image: none;
min-width: 16px; min-width: 16px;
min-height: 16px; } min-height: 16px;
menu arrow.top, padding: 4px;
.menu arrow.top { background-color: #383C4A;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-radius: 0; }
border-bottom: 1px solid #4f5461; } menu > arrow.top,
menu arrow.bottom, .menu > arrow.top {
.menu arrow.bottom { margin-top: -6px;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-bottom: 1px solid #4f5461;
border-top: 1px solid #4f5461; } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu arrow:hover, menu > arrow.bottom,
.menu arrow:hover { .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; } background-color: #4f5461; }
menu arrow:disabled, menu > arrow:disabled,
.menu arrow:disabled { .menu > arrow:disabled {
color: transparent; color: transparent;
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }

43
common/gtk-3.0/3.20/gtk-darker.css
View File

@ -674,8 +674,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
border-style: solid; } border-style: solid; }
menuitem.button.flat, 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, 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 {
.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 {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1540,25 +1539,31 @@ menu,
menuitem check:dir(rtl), menuitem radio:dir(rtl) { menuitem check:dir(rtl), menuitem radio:dir(rtl) {
margin-left: 6px; margin-left: 6px;
margin-right: 2px; } margin-right: 2px; }
menu arrow, menu > arrow,
.menu arrow { .menu > arrow {
border-style: none; border-color: transparent;
border-radius: 0; background-color: transparent;
background-image: none;
min-width: 16px; min-width: 16px;
min-height: 16px; } min-height: 16px;
menu arrow.top, padding: 4px;
.menu arrow.top { background-color: #ffffff;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-radius: 0; }
border-bottom: 1px solid #efeff0; } menu > arrow.top,
menu arrow.bottom, .menu > arrow.top {
.menu arrow.bottom { margin-top: -6px;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-bottom: 1px solid #efeff0;
border-top: 1px solid #efeff0; } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu arrow:hover, menu > arrow.bottom,
.menu arrow:hover { .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; } background-color: #efeff0; }
menu arrow:disabled, menu > arrow:disabled,
.menu arrow:disabled { .menu > arrow:disabled {
color: transparent; color: transparent;
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }

43
common/gtk-3.0/3.20/gtk-solid-dark.css
View File

@ -675,8 +675,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
border-style: solid; } border-style: solid; }
menuitem.button.flat, 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, 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 {
.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 {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1541,25 +1540,31 @@ menu,
menuitem check:dir(rtl), menuitem radio:dir(rtl) { menuitem check:dir(rtl), menuitem radio:dir(rtl) {
margin-left: 6px; margin-left: 6px;
margin-right: 2px; } margin-right: 2px; }
menu arrow, menu > arrow,
.menu arrow { .menu > arrow {
border-style: none; border-color: transparent;
border-radius: 0; background-color: transparent;
background-image: none;
min-width: 16px; min-width: 16px;
min-height: 16px; } min-height: 16px;
menu arrow.top, padding: 4px;
.menu arrow.top { background-color: #383C4A;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-radius: 0; }
border-bottom: 1px solid #4f5461; } menu > arrow.top,
menu arrow.bottom, .menu > arrow.top {
.menu arrow.bottom { margin-top: -6px;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-bottom: 1px solid #4f5461;
border-top: 1px solid #4f5461; } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu arrow:hover, menu > arrow.bottom,
.menu arrow:hover { .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; } background-color: #4f5461; }
menu arrow:disabled, menu > arrow:disabled,
.menu arrow:disabled { .menu > arrow:disabled {
color: transparent; color: transparent;
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }

43
common/gtk-3.0/3.20/gtk-solid-darker.css
View File

@ -674,8 +674,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
border-style: solid; } border-style: solid; }
menuitem.button.flat, 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, 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 {
.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 {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1540,25 +1539,31 @@ menu,
menuitem check:dir(rtl), menuitem radio:dir(rtl) { menuitem check:dir(rtl), menuitem radio:dir(rtl) {
margin-left: 6px; margin-left: 6px;
margin-right: 2px; } margin-right: 2px; }
menu arrow, menu > arrow,
.menu arrow { .menu > arrow {
border-style: none; border-color: transparent;
border-radius: 0; background-color: transparent;
background-image: none;
min-width: 16px; min-width: 16px;
min-height: 16px; } min-height: 16px;
menu arrow.top, padding: 4px;
.menu arrow.top { background-color: #ffffff;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-radius: 0; }
border-bottom: 1px solid #efeff0; } menu > arrow.top,
menu arrow.bottom, .menu > arrow.top {
.menu arrow.bottom { margin-top: -6px;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-bottom: 1px solid #efeff0;
border-top: 1px solid #efeff0; } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu arrow:hover, menu > arrow.bottom,
.menu arrow:hover { .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; } background-color: #efeff0; }
menu arrow:disabled, menu > arrow:disabled,
.menu arrow:disabled { .menu > arrow:disabled {
color: transparent; color: transparent;
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }

43
common/gtk-3.0/3.20/gtk-solid.css
View File

@ -674,8 +674,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
border-style: solid; } border-style: solid; }
menuitem.button.flat, 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, 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 {
.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 {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1544,25 +1543,31 @@ menu,
menuitem check:dir(rtl), menuitem radio:dir(rtl) { menuitem check:dir(rtl), menuitem radio:dir(rtl) {
margin-left: 6px; margin-left: 6px;
margin-right: 2px; } margin-right: 2px; }
menu arrow, menu > arrow,
.menu arrow { .menu > arrow {
border-style: none; border-color: transparent;
border-radius: 0; background-color: transparent;
background-image: none;
min-width: 16px; min-width: 16px;
min-height: 16px; } min-height: 16px;
menu arrow.top, padding: 4px;
.menu arrow.top { background-color: #ffffff;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-radius: 0; }
border-bottom: 1px solid #efeff0; } menu > arrow.top,
menu arrow.bottom, .menu > arrow.top {
.menu arrow.bottom { margin-top: -6px;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-bottom: 1px solid #efeff0;
border-top: 1px solid #efeff0; } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu arrow:hover, menu > arrow.bottom,
.menu arrow:hover { .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; } background-color: #efeff0; }
menu arrow:disabled, menu > arrow:disabled,
.menu arrow:disabled { .menu > arrow:disabled {
color: transparent; color: transparent;
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }

43
common/gtk-3.0/3.20/gtk.css
View File

@ -674,8 +674,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
border-style: solid; } border-style: solid; }
menuitem.button.flat, 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, 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 {
.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 {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1544,25 +1543,31 @@ menu,
menuitem check:dir(rtl), menuitem radio:dir(rtl) { menuitem check:dir(rtl), menuitem radio:dir(rtl) {
margin-left: 6px; margin-left: 6px;
margin-right: 2px; } margin-right: 2px; }
menu arrow, menu > arrow,
.menu arrow { .menu > arrow {
border-style: none; border-color: transparent;
border-radius: 0; background-color: transparent;
background-image: none;
min-width: 16px; min-width: 16px;
min-height: 16px; } min-height: 16px;
menu arrow.top, padding: 4px;
.menu arrow.top { background-color: #ffffff;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); border-radius: 0; }
border-bottom: 1px solid #efeff0; } menu > arrow.top,
menu arrow.bottom, .menu > arrow.top {
.menu arrow.bottom { margin-top: -6px;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-bottom: 1px solid #efeff0;
border-top: 1px solid #efeff0; } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu arrow:hover, menu > arrow.bottom,
.menu arrow:hover { .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; } background-color: #efeff0; }
menu arrow:disabled, menu > arrow:disabled,
.menu arrow:disabled { .menu > arrow:disabled {
color: transparent; color: transparent;
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }

16
common/gtk-3.0/3.20/sass/_common.scss
View File

@ -1613,20 +1613,24 @@ menu,
} }
} }
} }
arrow { // overflow buttons // overflow buttons
@extend %undecorated_button; > arrow {
border-style: none; @include button(undecorated);
border-radius: 0;
min-width: 16px; min-width: 16px;
min-height: 16px; min-height: 16px;
padding: 4px;
background-color: $_menu_bg;
border-radius: 0;
&.top { &.top {
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); margin-top: -6px;
border-bottom: 1px solid mix($fg_color, $base_color, 10%); border-bottom: 1px solid mix($fg_color, $base_color, 10%);
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
} }
&.bottom { &.bottom {
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); margin-bottom: -6px;
border-top: 1px solid mix($fg_color, $base_color, 10%); 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%); } &:hover { background-color: mix($fg_color, $base_color, 10%); }
&:disabled { &:disabled {