lesderid
/
paper-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

some 3.18 menu fixes

This commit is contained in:
Sam Hewitt 2016-04-18 19:36:53 -04:00
parent 5b49281f45
commit 09ed7fc9bb
5 changed files with 58 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
Paper/gtk-3.18/gtk-dark.css
View File

@ -2582,7 +2582,8 @@ GraniteWidgetsWelcome {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
.default-decoration.titlebar:not(headerbar) .maximized, .default-decoration.titlebar:not(headerbar) .maximized,
.header-bar.default-decoration .maximized { .header-bar.default-decoration .maximized {
padding: 6px; } padding: 6px;
border-radius: 0; }
.default-decoration.titlebar:backdrop:not(headerbar), .default-decoration.titlebar:backdrop:not(headerbar),
.header-bar.default-decoration:backdrop { .header-bar.default-decoration:backdrop {
background-color: #2f3537; background-color: #2f3537;
@ -3191,6 +3192,7 @@ GtkLevelBar,
color: #788084; color: #788084;
box-shadow: none; } box-shadow: none; }
.content-view .menu,
.menu, .menu,
.popup { .popup {
padding: 4px 0px; padding: 4px 0px;
@ -3199,40 +3201,51 @@ GtkLevelBar,
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); }
.csd .csd
.content-view .menu, .csd
.menu, .csd .menu, .csd
.popup { .popup {
border: none; } border: none; }
.content-view .menu:backdrop,
.menu:backdrop, .menu:backdrop,
.popup:backdrop { .popup:backdrop {
background-color: #616c71; } background-color: #616c71; }
.content-view .menu .menuitem,
.menu .menuitem, .menu .menuitem,
.popup .menuitem { .popup .menuitem {
padding: 8px 4px; padding: 8px 4px;
text-shadow: none; } text-shadow: none; }
.content-view .menu .menuitem:hover,
.menu .menuitem:hover, .menu .menuitem:hover,
.popup .menuitem:hover { .popup .menuitem:hover {
color: #ffffff; color: #ffffff;
background-color: #426b7e; } background-color: #426b7e; }
.content-view .menu .menuitem:insensitive,
.menu .menuitem:insensitive, .menu .menuitem:insensitive,
.popup .menuitem:insensitive { .popup .menuitem:insensitive {
color: #788084; } color: #788084; }
.content-view .menu .menuitem:insensitive:backdrop,
.menu .menuitem:insensitive:backdrop, .menu .menuitem:insensitive:backdrop,
.popup .menuitem:insensitive:backdrop { .popup .menuitem:insensitive:backdrop {
color: #727f85; } color: #727f85; }
.content-view .menu .menuitem:backdrop,
.content-view .menu .menuitem:backdrop:hover,
.menu .menuitem:backdrop, .menu .menuitem:backdrop,
.menu .menuitem:backdrop:hover, .menu .menuitem:backdrop:hover,
.popup .menuitem:backdrop, .popup .menuitem:backdrop,
.popup .menuitem:backdrop:hover { .popup .menuitem:backdrop:hover {
color: #788084; color: #788084;
background-color: transparent; } background-color: transparent; }
.content-view .menu .menuitem .arrow:dir(ltr),
.menu .menuitem .arrow:dir(ltr), .menu .menuitem .arrow:dir(ltr),
.popup .menuitem .arrow:dir(ltr) { .popup .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; }
.content-view .menu .menuitem .arrow:dir(rtl),
.menu .menuitem .arrow:dir(rtl), .menu .menuitem .arrow:dir(rtl),
.popup .menuitem .arrow:dir(rtl) { .popup .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; }
.content-view .menu > .arrow,
.menu > .arrow, .menu > .arrow,
.popup > .arrow { .popup > .arrow {
border-color: transparent; border-color: transparent;
@ -3244,22 +3257,27 @@ GtkLevelBar,
padding: 4px; padding: 4px;
background-color: #5f6a6e; background-color: #5f6a6e;
border-radius: 0; } border-radius: 0; }
.content-view .menu > .arrow.top,
.menu > .arrow.top, .menu > .arrow.top,
.popup > .arrow.top { .popup > .arrow.top {
margin-top: -6px; margin-top: -6px;
border-bottom: 1px solid #697479; border-bottom: 1px solid #697479;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
.content-view .menu > .arrow.bottom,
.menu > .arrow.bottom, .menu > .arrow.bottom,
.popup > .arrow.bottom { .popup > .arrow.bottom {
margin-bottom: -6px; margin-bottom: -6px;
border-top: 1px solid #697479; border-top: 1px solid #697479;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.content-view .menu > .arrow:hover,
.menu > .arrow:hover, .menu > .arrow:hover,
.popup > .arrow:hover { .popup > .arrow:hover {
background-color: #697479; } background-color: #697479; }
.content-view .menu > .arrow:backdrop,
.menu > .arrow:backdrop, .menu > .arrow:backdrop,
.popup > .arrow:backdrop { .popup > .arrow:backdrop {
background-color: #616c71; } background-color: #616c71; }
.content-view .menu > .arrow:insensitive,
.menu > .arrow:insensitive, .menu > .arrow:insensitive,
.popup > .arrow:insensitive { .popup > .arrow:insensitive {
color: transparent; color: transparent;
@ -3473,10 +3491,7 @@ GtkAssistant {
padding: 2px; padding: 2px;
border-radius: 4px; border-radius: 4px;
border: none; border: none;
background-color: #636E73; background-color: #636E73; }
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.csd .popover .background, .popover .background {
border: 1px solid rgba(0, 0, 0, 0.2); }
.popover .background:backdrop { .popover .background:backdrop {
background-color: #4F585C; background-color: #4F585C;
box-shadow: none; } box-shadow: none; }
@ -3484,8 +3499,10 @@ GtkAssistant {
.popover .background > .toolbar { .popover .background > .toolbar {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
.csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier { .csd .popover .background, .popover .background {
border: 1px solid rgba(255, 255, 255, 0.1); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.3); }
.csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier {
border: 1px solid rgba(255, 255, 255, 0.1); }
.popover .separator { .popover .separator {
margin: 3px; } margin: 3px; }
.popover .menuitem { .popover .menuitem {

33
Paper/gtk-3.18/gtk.css
View File

@ -2591,7 +2591,8 @@ GraniteWidgetsWelcome {
color: #ffffff; } color: #ffffff; }
.default-decoration.titlebar:not(headerbar) .maximized, .default-decoration.titlebar:not(headerbar) .maximized,
.header-bar.default-decoration .maximized { .header-bar.default-decoration .maximized {
padding: 6px; } padding: 6px;
border-radius: 0; }
.default-decoration.titlebar:backdrop:not(headerbar), .default-decoration.titlebar:backdrop:not(headerbar),
.header-bar.default-decoration:backdrop { .header-bar.default-decoration:backdrop {
background-color: #576165; background-color: #576165;
@ -3200,48 +3201,60 @@ GtkLevelBar,
color: #afafaf; color: #afafaf;
box-shadow: none; } box-shadow: none; }
.content-view .menu,
.menu, .menu,
.popup { .popup {
padding: 4px 0px; padding: 4px 0px;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1); } box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.2); }
.csd .csd
.content-view .menu, .csd
.menu, .csd .menu, .csd
.popup { .popup {
border: none; } border: none; }
.content-view .menu:backdrop,
.menu:backdrop, .menu:backdrop,
.popup:backdrop { .popup:backdrop {
background-color: #fcfcfc; } background-color: #fcfcfc; }
.content-view .menu .menuitem,
.menu .menuitem, .menu .menuitem,
.popup .menuitem { .popup .menuitem {
padding: 8px 4px; padding: 8px 4px;
text-shadow: none; } text-shadow: none; }
.content-view .menu .menuitem:hover,
.menu .menuitem:hover, .menu .menuitem:hover,
.popup .menuitem:hover { .popup .menuitem:hover {
color: #ffffff; color: #ffffff;
background-color: #347D9F; } background-color: #347D9F; }
.content-view .menu .menuitem:insensitive,
.menu .menuitem:insensitive, .menu .menuitem:insensitive,
.popup .menuitem:insensitive { .popup .menuitem:insensitive {
color: #afafaf; } color: #afafaf; }
.content-view .menu .menuitem:insensitive:backdrop,
.menu .menuitem:insensitive:backdrop, .menu .menuitem:insensitive:backdrop,
.popup .menuitem:insensitive:backdrop { .popup .menuitem:insensitive:backdrop {
color: #d1d1d1; } color: #d1d1d1; }
.content-view .menu .menuitem:backdrop,
.content-view .menu .menuitem:backdrop:hover,
.menu .menuitem:backdrop, .menu .menuitem:backdrop,
.menu .menuitem:backdrop:hover, .menu .menuitem:backdrop:hover,
.popup .menuitem:backdrop, .popup .menuitem:backdrop,
.popup .menuitem:backdrop:hover { .popup .menuitem:backdrop:hover {
color: #afafaf; color: #afafaf;
background-color: transparent; } background-color: transparent; }
.content-view .menu .menuitem .arrow:dir(ltr),
.menu .menuitem .arrow:dir(ltr), .menu .menuitem .arrow:dir(ltr),
.popup .menuitem .arrow:dir(ltr) { .popup .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; }
.content-view .menu .menuitem .arrow:dir(rtl),
.menu .menuitem .arrow:dir(rtl), .menu .menuitem .arrow:dir(rtl),
.popup .menuitem .arrow:dir(rtl) { .popup .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; }
.content-view .menu > .arrow,
.menu > .arrow, .menu > .arrow,
.popup > .arrow { .popup > .arrow {
border-color: transparent; border-color: transparent;
@ -3253,22 +3266,27 @@ GtkLevelBar,
padding: 4px; padding: 4px;
background-color: #ffffff; background-color: #ffffff;
border-radius: 0; } border-radius: 0; }
.content-view .menu > .arrow.top,
.menu > .arrow.top, .menu > .arrow.top,
.popup > .arrow.top { .popup > .arrow.top {
margin-top: -6px; margin-top: -6px;
border-bottom: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
.content-view .menu > .arrow.bottom,
.menu > .arrow.bottom, .menu > .arrow.bottom,
.popup > .arrow.bottom { .popup > .arrow.bottom {
margin-bottom: -6px; margin-bottom: -6px;
border-top: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
.content-view .menu > .arrow:hover,
.menu > .arrow:hover, .menu > .arrow:hover,
.popup > .arrow:hover { .popup > .arrow:hover {
background-color: #f0f0f0; } background-color: #f0f0f0; }
.content-view .menu > .arrow:backdrop,
.menu > .arrow:backdrop, .menu > .arrow:backdrop,
.popup > .arrow:backdrop { .popup > .arrow:backdrop {
background-color: #fcfcfc; } background-color: #fcfcfc; }
.content-view .menu > .arrow:insensitive,
.menu > .arrow:insensitive, .menu > .arrow:insensitive,
.popup > .arrow:insensitive { .popup > .arrow:insensitive {
color: transparent; color: transparent;
@ -3482,10 +3500,7 @@ GtkAssistant {
padding: 2px; padding: 2px;
border-radius: 4px; border-radius: 4px;
border: none; border: none;
background-color: #ffffff; background-color: #ffffff; }
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.csd .popover .background, .popover .background {
border: 1px solid rgba(0, 0, 0, 0.2); }
.popover .background:backdrop { .popover .background:backdrop {
background-color: #f7f7f7; background-color: #f7f7f7;
box-shadow: none; } box-shadow: none; }
@ -3493,8 +3508,10 @@ GtkAssistant {
.popover .background > .toolbar { .popover .background > .toolbar {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
.csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier { .csd .popover .background, .popover .background {
border: 1px solid rgba(255, 255, 255, 0.1); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.3); }
.csd .popover .background.touch-selection, .csd .popover .background.magnifier, .popover .background.touch-selection, .popover .background.magnifier {
border: 1px solid rgba(255, 255, 255, 0.1); }
.popover .separator { .popover .separator {
margin: 3px; } margin: 3px; }
.popover .menuitem { .popover .menuitem {

3
Paper/gtk-3.18/widgets/_header-bars.scss
View File

@ -91,7 +91,8 @@
color: $headerbar_fg_color; color: $headerbar_fg_color;
.maximized { .maximized {
padding: 6px; padding: 6px;
border-radius:0;
} }
&:backdrop { &:backdrop {

8
Paper/gtk-3.18/widgets/_menus.scss
View File

@ -26,16 +26,16 @@
} }
%menu, %menu,
.content-view .menu,
.menu, .menu,
.popup { .popup {
padding: 4px 0px; padding: 4px 0px;
background-color: $menu_color; background-color: $menu_color;
border: 1px solid $borders_color; // adds borders in a non composited env border: 1px solid $borders_color;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 4px 0 transparentize(black,0.9), box-shadow: 0 2px 4px 0 transparentize(black,0.9), inset 0 1px 0 0 $top_highlight;
inset 0 1px 0 0 transparentize(white,0.9);
.csd & { border: none; } // axes borders in a composited env .csd & {border: none;}
&:backdrop { background-color: $backdrop_menu_color; } &:backdrop { background-color: $backdrop_menu_color; }

7
Paper/gtk-3.18/widgets/_popovers.scss
View File

@ -9,10 +9,6 @@
border:none; border:none;
background-color: $popover_bg_color; background-color: $popover_bg_color;
.csd &, & { border: 1px solid transparentize(black, 0.8); }
box-shadow: 0 1px 2px transparentize(black, 0.7);
&:backdrop { &:backdrop {
background-color: $backdrop_bg_color; background-color: $backdrop_bg_color;
box-shadow: none; box-shadow: none;
@ -25,6 +21,9 @@
} }
.csd &, & { .csd &, & {
box-shadow: 0 0 0 1px transparentize(black, 0.9), 0 2px 3px 0 transparentize(black, 0.7);
&.touch-selection, &.touch-selection,
&.magnifier { &.magnifier {
@extend %osd; @extend %osd;