Fixed geary 40.0 issues
This commit is contained in:
Vince
parent
094b82e9be
commit
4c574b1d6b
2 changed files with 91 additions and 76 deletions
|
|
@ -330,11 +330,15 @@ $nautilus_sidebar_image: image($dark_sidebar_bg);
|
|||
}
|
||||
|
||||
actionbar.background {
|
||||
background-color: $menu_bg;
|
||||
margin: 6px;
|
||||
border-radius: $wm_radius - 6px;
|
||||
box-shadow: $shadow_5, inset 0 1px $highlight_color;
|
||||
border: none;
|
||||
background: none;
|
||||
|
||||
> revealer > box {
|
||||
background-color: $bg_color;
|
||||
margin: 6px;
|
||||
border-radius: $wm_radius - 6px;
|
||||
box-shadow: $shadow_5, inset 0 1px $highlight_color;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -384,7 +388,7 @@ $nautilus_sidebar_image: image($dark_sidebar_bg);
|
|||
}
|
||||
|
||||
> stack:not(:only-child) {
|
||||
searchbar { background-color: transparent; }
|
||||
searchbar > revealer > box { background-color: transparent; }
|
||||
}
|
||||
|
||||
infobar {
|
||||
|
|
@ -1170,7 +1174,7 @@ configurationview {
|
|||
}
|
||||
}
|
||||
|
||||
dzldockbin actionbar {
|
||||
dzldockbin actionbar > revealer > box {
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
|
||||
|
|
@ -2025,8 +2029,10 @@ window.background.csd.unified {
|
|||
|
||||
hdyviewswitcherbar > actionbar,
|
||||
viewswitcherbar > actionbar { // Gnome 3.38
|
||||
background: none;
|
||||
border: none;
|
||||
> revealer > box {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
|
|
@ -2445,7 +2451,7 @@ window.background.csd {
|
|||
border-bottom-right-radius: $wm_radius;
|
||||
}
|
||||
|
||||
> box.vertical > searchbar { background-color: $base_color; }
|
||||
> box.vertical > searchbar > revealer > box { background-color: $base_color; }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -2478,14 +2484,14 @@ window.background.csd {
|
|||
|
||||
window.background.csd { // Documents actionbar
|
||||
> box.vertical > overlay > stack > box.vertical {
|
||||
> actionbar {
|
||||
> actionbar > revealer > box {
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> box.vertical > overlay > stack > box.vertical {
|
||||
> actionbar {
|
||||
> actionbar > revealer > box {
|
||||
border-radius: 0 0 $maximized_radius $maximized_radius;
|
||||
}
|
||||
}
|
||||
|
|
@ -3155,49 +3161,30 @@ window#GearyMainWindow.background.csd {
|
|||
}
|
||||
}
|
||||
|
||||
.geary-main-window { // 40.0
|
||||
> headerbar {
|
||||
border-bottom: none;
|
||||
.geary-main-window {
|
||||
&.background.csd.unified { background: none; }
|
||||
|
||||
> leaflet > leaflet > headerbar {
|
||||
border-bottom: none;
|
||||
.geary-main-layout { // >= 40.0
|
||||
background-color: $dark_sidebar_bg;
|
||||
|
||||
&, &:backdrop {
|
||||
border-radius: 0 0 0 0;
|
||||
}
|
||||
> leaflet > leaflet > headerbar { // left and center headerbar
|
||||
&:first-child { @extend %side_headerbar_left; background-color: transparent; }
|
||||
&:last-child { @extend %side_headerbar_right; }
|
||||
}
|
||||
|
||||
&:only-child {
|
||||
border-radius: $wm_radius $wm_radius 0 0;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
background-color: $base_color;
|
||||
box-shadow: inset 0 1px $header_highlight;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
@extend %side_headerbar_left;
|
||||
border-radius: $wm_radius 0 0 0;
|
||||
}
|
||||
> leaflet > headerbar { // right headerbar
|
||||
@extend %side_headerbar_right;
|
||||
}
|
||||
}
|
||||
|
||||
leaflet > leaflet > box.vertical {
|
||||
searchbar {
|
||||
background-color: $base_color;
|
||||
frame.geary-folder-frame { // left side
|
||||
background-color: transparent;
|
||||
|
||||
> revealer > box {
|
||||
border-color: if($variant == 'light', $solid_borders_color, $header_border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
frame.geary-folder-frame {
|
||||
> border { border: none; }
|
||||
|
||||
scrolledwindow {
|
||||
treeview.view.sidebar {
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
background-color: transparent;
|
||||
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
|
|
@ -3216,16 +3203,21 @@ window#GearyMainWindow.background.csd {
|
|||
}
|
||||
}
|
||||
|
||||
frame.geary-conversation-frame {
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
frame.geary-conversation-frame { // center part
|
||||
background-color: $base_color;
|
||||
|
||||
> border { border: none; }
|
||||
|
||||
scrolledwindow {
|
||||
// margin: -1px 0;
|
||||
padding: 6px;
|
||||
background-color: $base_color;
|
||||
|
||||
treeview.view {
|
||||
background-image: none;
|
||||
border-color: $base_color;
|
||||
border-radius: $mn_radius;
|
||||
outline: none;
|
||||
|
||||
&:hover { background-color: rgba($fg_color, 0.1); }
|
||||
|
||||
|
|
@ -3241,9 +3233,34 @@ window#GearyMainWindow.background.csd {
|
|||
}
|
||||
}
|
||||
|
||||
leaflet > leaflet > box.vertical {
|
||||
searchbar { // center part searchbar
|
||||
> revealer > box {
|
||||
background-color: $base_color;
|
||||
border-color: $dark_sidebar_border;
|
||||
}
|
||||
}
|
||||
|
||||
> revealer > components-conversation-actions { // center part actionbar
|
||||
margin-top: -1px;
|
||||
background-color: $base_color;
|
||||
border-color: transparent; // not use?
|
||||
box-shadow: inset 0 1px $dark_sidebar_border;
|
||||
|
||||
button {
|
||||
@extend %flat_button;
|
||||
}
|
||||
|
||||
> .linked > button {
|
||||
border-radius: $bt_radius;
|
||||
margin: 0 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
separator.geary-sidebar-pane-separator { background-color: $dark_sidebar_border; }
|
||||
|
||||
geary-conversation-viewer#conversation_viewer, // 40.0
|
||||
geary-conversation-viewer#conversation_viewer, // 40.0 right side
|
||||
stack#conversation_viewer { // 3.28
|
||||
background-color: $base_color;
|
||||
border-bottom-right-radius: $wm_radius + 1px;
|
||||
|
|
@ -3260,10 +3277,9 @@ window#GearyMainWindow.background.csd {
|
|||
}
|
||||
|
||||
searchbar {
|
||||
background-color: $base_color;
|
||||
|
||||
> revealer > box {
|
||||
border-color: if($variant == 'light', $solid_borders_color, $header_border);
|
||||
background-color: $base_color;
|
||||
border-color: $dark_sidebar_border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,14 +10,12 @@
|
|||
background-image: none;
|
||||
background-color: rgba($base_color, 1);
|
||||
box-shadow: inset 0 1px $highlight_color;
|
||||
border: none;
|
||||
}
|
||||
|
||||
%side_searchbar {
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
|
||||
> revealer > box {
|
||||
border-color: if($variant == 'light', $solid_borders_color, $header_border);
|
||||
background-color: rgba($dark_sidebar_bg, 1);
|
||||
border-color: $dark_sidebar_border;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1333,7 +1331,7 @@ combobox {
|
|||
}
|
||||
|
||||
searchbar {
|
||||
background-color: $bg_color;
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
|
|
@ -1342,6 +1340,7 @@ searchbar {
|
|||
padding: 6px;
|
||||
margin: -6px;
|
||||
border-style: solid;
|
||||
background-color: $bg_color;
|
||||
border-color: $solid_borders_color;
|
||||
border-width: 0 0 1px;
|
||||
}
|
||||
|
|
@ -1360,12 +1359,16 @@ searchbar {
|
|||
}
|
||||
|
||||
actionbar {
|
||||
padding: 6px;
|
||||
border-top: 1px solid $borders_color;
|
||||
background-color: darken($bg_color, 3%);
|
||||
background-color: transparent;
|
||||
|
||||
.background.csd revealer > &,
|
||||
.background.csd > box.vertical > & {
|
||||
> revealer > box {
|
||||
padding: 6px;
|
||||
border-top: 1px solid $borders_color;
|
||||
background-color: darken($bg_color, 3%);
|
||||
}
|
||||
|
||||
.background.csd revealer > & > revealer > box,
|
||||
.background.csd > box.vertical > & > revealer > box {
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
}
|
||||
|
|
@ -2058,8 +2061,6 @@ menubar,
|
|||
|
||||
&:backdrop {
|
||||
color: transparentize($header_fg, 0.2);
|
||||
// background-image: none;
|
||||
// background-color: opacify($header_bg_backdrop, 1);
|
||||
}
|
||||
|
||||
> menuitem {
|
||||
|
|
@ -2068,11 +2069,7 @@ menubar,
|
|||
border: none;
|
||||
border-radius: $bt_radius;
|
||||
|
||||
// > window.popup.background.csd > decoration { border-radius: 0 0 $wm_radius $wm_radius; }
|
||||
|
||||
> window.popup.background.csd > menu {
|
||||
// border-radius: 0 0 $wm_radius $wm_radius;
|
||||
|
||||
> menuitem { transition: none; }
|
||||
}
|
||||
|
||||
|
|
@ -2091,7 +2088,7 @@ menubar,
|
|||
menu,
|
||||
.menu {
|
||||
// margin: 4px;
|
||||
padding: 6px 4px;
|
||||
padding: 6px 0;
|
||||
border-radius: $mn_radius;
|
||||
background-color: opacify($menu_bg, 1);
|
||||
border: 1px solid $solid_borders_color;
|
||||
|
|
@ -2117,7 +2114,7 @@ menu,
|
|||
min-width: 40px;
|
||||
padding: 3px 6px;
|
||||
border-radius: $mn_radius - 3px;
|
||||
margin: 0 2px;
|
||||
margin: 0 6px;
|
||||
text-shadow: none;
|
||||
color: $fg_color;
|
||||
|
||||
|
|
@ -2194,7 +2191,7 @@ menu,
|
|||
|
||||
&.top {
|
||||
margin-top: -6px;
|
||||
border-radius: $wm_radius $wm_radius 0 0;
|
||||
border-radius: $mn_radius $mn_radius 0 0;
|
||||
border-bottom: 1px solid $borders_color;
|
||||
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
|
||||
}
|
||||
|
|
@ -2202,7 +2199,7 @@ menu,
|
|||
&.bottom {
|
||||
margin-top: 12px;
|
||||
margin-bottom: -16px;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
border-radius: 0 0 $mn_radius $mn_radius;
|
||||
border-top: 1px solid $borders_color;
|
||||
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
|
||||
}
|
||||
|
|
@ -3483,10 +3480,12 @@ filechooser {
|
|||
}
|
||||
|
||||
> actionbar {
|
||||
border-top: 1px solid $header_border;
|
||||
background-color: $dark_sidebar_bg;
|
||||
color: $dark_sidebar_fg;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
> revealer > box {
|
||||
border-top: 1px solid $header_border;
|
||||
background-color: $dark_sidebar_bg;
|
||||
color: $dark_sidebar_fg;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
|
||||
label, combobox { color: $dark_sidebar_fg; }
|
||||
}
|
||||
|
|
@ -3519,13 +3518,13 @@ filechooser {
|
|||
> box.vertical > box.vertical > paned.horizontal > separator {
|
||||
border: none;
|
||||
min-width: 1px;
|
||||
background-image: image(if($variant=='light', $solid_borders_color, $header_border));
|
||||
background-image: image($dark_sidebar_border);
|
||||
|
||||
// &:dir(ltr) { margin-left: -1px; }
|
||||
// &:dir(rtl) { margin-right: -1px; }
|
||||
}
|
||||
|
||||
#pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); }
|
||||
#pathbarbox { border-bottom: 1px solid $dark_sidebar_border; }
|
||||
}
|
||||
|
||||
//
|
||||
|
|
|
|||
Loading…
Reference in a new issue