AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

HighContrast: Add style for overflow buttons

Browse Source 
Add missing style for overflow buttons located on scrollable dropdown
menus.
This commit is contained in:
Alex Monday 2018-12-24 11:08:50 +05:00 committed by Jakub Steiner
parent 950480cea4
commit 7c325ed852
3 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
gtk/theme/HighContrast/_common.scss
View File

@ -1601,6 +1601,35 @@ menu,
margin-right: 10px;
}
}
//overflow arrows
> arrow {
@include button(undecorated);
min-height: 16px;
min-width: 16px;
padding: 4px;
border-radius: 0;
&.top {
border-bottom: 1px solid $borders_color;
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
}
&.bottom {
margin-bottom: -2px;
margin-top: 2px;
border-top: 1px solid $borders_color;
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
}
&:hover { background-color: $selected_bg_color; color: $selected_fg_color; }
&:disabled {
color: transparent;
background-color: transparent;
border-color: transparent ;
}
}
}
menuitem {

10
gtk/theme/HighContrast/gtk-contained-inverse.css
View File

@ -651,6 +651,16 @@ menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source:
menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
menu > arrow, .menu > arrow { border-width: 2px; border-style: solid; color: #fff; background-color: transparent; background-image: none; border-color: transparent; min-height: 16px; min-width: 16px; padding: 4px; border-radius: 0; }
menu > arrow.top, .menu > arrow.top { border-bottom: 1px solid gray; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -2px; margin-top: 2px; border-top: 1px solid gray; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
menu > arrow:hover, .menu > arrow:hover { background-color: #ddd; color: #000; }
menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }

10
gtk/theme/HighContrast/gtk-contained.css
View File

@ -655,6 +655,16 @@ menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr) { -gtk-icon-source:
menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
menu > arrow, .menu > arrow { border-width: 2px; border-style: solid; color: #000; background-color: transparent; background-image: none; border-color: transparent; min-height: 16px; min-width: 16px; padding: 4px; border-radius: 0; }
menu > arrow.top, .menu > arrow.top { border-bottom: 1px solid gray; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
menu > arrow.bottom, .menu > arrow.bottom { margin-bottom: -2px; margin-top: 2px; border-top: 1px solid gray; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
menu > arrow:hover, .menu > arrow:hover { background-color: #000; color: #fff; }
menu > arrow:disabled, .menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }