Fixed bugs

This commit is contained in:
vinceliuice 2018-02-16 13:54:25 +08:00
parent 05efdc79ca
commit 1d12a1c074
7 changed files with 63 additions and 39 deletions

View File

@ -1381,7 +1381,7 @@ StScrollBar {
#dash { #dash {
font-size: 1em; font-size: 1em;
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.13);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
border-left: 0px; border-left: 0px;
@ -1509,7 +1509,7 @@ StScrollBar {
text-align: center; } text-align: center; }
.app-well-app.app-folder > .overview-icon { .app-well-app.app-folder > .overview-icon {
background-color: rgba(255, 255, 255, 0.1); } background-color: rgba(255, 255, 255, 0.13); }
.show-apps .show-apps-icon { .show-apps .show-apps-icon {
color: transparent; } color: transparent; }
@ -1523,7 +1523,7 @@ StScrollBar {
.app-folder-popup { .app-folder-popup {
-arrow-border-radius: 8px; -arrow-border-radius: 8px;
-arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-background-color: rgba(255, 255, 255, 0.13);
-arrow-base: 0; -arrow-base: 0;
-arrow-rise: 12px; } -arrow-rise: 12px; }
@ -1581,7 +1581,7 @@ StScrollBar {
.workspace-thumbnails { .workspace-thumbnails {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.13);
border: none; } border: none; }
.search-statustext, .no-frequent-applications-label { .search-statustext, .no-frequent-applications-label {
@ -2237,7 +2237,7 @@ StScrollBar {
background-color: rgba(0, 0, 0, 0.6); } background-color: rgba(0, 0, 0, 0.6); }
#dashtodockContainer:overview #dash { #dashtodockContainer:overview #dash {
background-color: rgba(255, 255, 255, 0.1); } background-color: rgba(255, 255, 255, 0.13); }
#dashtodockContainer.extended:overview #dash { #dashtodockContainer.extended:overview #dash {
background-color: transparent; } background-color: transparent; }

View File

@ -1381,7 +1381,7 @@ StScrollBar {
#dash { #dash {
font-size: 1em; font-size: 1em;
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.13);
padding: 3px 0; padding: 3px 0;
border: none; border: none;
border-left: 0px; border-left: 0px;
@ -1509,7 +1509,7 @@ StScrollBar {
text-align: center; } text-align: center; }
.app-well-app.app-folder > .overview-icon { .app-well-app.app-folder > .overview-icon {
background-color: rgba(255, 255, 255, 0.1); } background-color: rgba(255, 255, 255, 0.13); }
.show-apps .show-apps-icon { .show-apps .show-apps-icon {
color: transparent; } color: transparent; }
@ -1523,7 +1523,7 @@ StScrollBar {
.app-folder-popup { .app-folder-popup {
-arrow-border-radius: 8px; -arrow-border-radius: 8px;
-arrow-background-color: rgba(255, 255, 255, 0.1); -arrow-background-color: rgba(255, 255, 255, 0.13);
-arrow-base: 0; -arrow-base: 0;
-arrow-rise: 12px; } -arrow-rise: 12px; }
@ -1581,7 +1581,7 @@ StScrollBar {
.workspace-thumbnails { .workspace-thumbnails {
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.13);
border: none; } border: none; }
.search-statustext, .no-frequent-applications-label { .search-statustext, .no-frequent-applications-label {
@ -2237,7 +2237,7 @@ StScrollBar {
background-color: rgba(0, 0, 0, 0.6); } background-color: rgba(0, 0, 0, 0.6); }
#dashtodockContainer:overview #dash { #dashtodockContainer:overview #dash {
background-color: rgba(255, 255, 255, 0.1); } background-color: rgba(255, 255, 255, 0.13); }
#dashtodockContainer.extended:overview #dash { #dashtodockContainer.extended:overview #dash {
background-color: transparent; } background-color: transparent; }

View File

@ -43,7 +43,7 @@ $alt_base_color: if($variant =='dark', lighten($base_color, 25%), darken($base_c
$bg_color: rgba($black, $middle_opacity); $bg_color: rgba($black, $middle_opacity);
$alt_bg_color: rgba($black, $lower_opacity); $alt_bg_color: rgba($black, $lower_opacity);
$inverse_bg_color: rgba($inverse_fg_color, 0.1); $inverse_bg_color: rgba($inverse_fg_color, 0.13);
$panel_bg_color: rgba($base_color, 0.65); $panel_bg_color: rgba($base_color, 0.65);
$panel_fg_color: if($panel == 'dark', #dedede, #242424); $panel_fg_color: if($panel == 'dark', #dedede, #242424);

View File

@ -27,9 +27,9 @@
.background { .background {
color: #dedede; color: #dedede;
background-color: rgba(51, 51, 51, 0.999); } background-color: rgba(51, 51, 51, 0.999); }
.background.csd, .background.ssd, .background.osd, .background.solid-csd { .background.csd, .background.ssd, .background.osd {
border-radius: 0 0 6px 6px; } border-radius: 0 0 6px 6px; }
.background.maximized { .background.maximized, .background.solid-csd {
border-radius: 0; } border-radius: 0; }
.popup.background { .popup.background {
@ -65,8 +65,7 @@ textview text {
.view text:hover, .view text:hover,
iconview text:hover, iconview text:hover,
textview text:hover { textview text:hover {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: rgba(255, 255, 255, 0.005); }
background-color: rgba(255, 255, 255, 0.02); }
.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
.view text:selected, .view text:selected,
iconview text:selected, iconview text:selected,
@ -3285,7 +3284,7 @@ decoration {
messagedialog.csd decoration { messagedialog.csd decoration {
border-radius: 6px; } border-radius: 6px; }
.solid-csd decoration { .solid-csd decoration {
border: none; border: 1px solid #4B4B4B;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
background-color: rgba(55, 55, 55, 0.95); background-color: rgba(55, 55, 55, 0.95);
@ -4418,10 +4417,14 @@ window.background:not(.csd) > widget > spinbutton {
window.background:not(.csd) > widget > spinbutton .entry { window.background:not(.csd) > widget > spinbutton .entry {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; } border-bottom-right-radius: 0; }
window.background:not(.csd) > widget > button > button:active { window.background:not(.csd) > widget > button > button {
background-image: image(rgba(119, 119, 119, 0.95)); min-height: 24px; }
border: none; window.background:not(.csd) > widget > button > button:active {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); } background-image: image(rgba(119, 119, 119, 0.95));
border: none;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); }
window.background:not(.csd) > widget > button > button label {
padding: 4px 6px; }
window.background:not(.csd) > menu, window.background:not(.csd) > menu,
window.background:not(.csd) .menu { window.background:not(.csd) .menu {
background-color: #242424; background-color: #242424;
@ -4431,8 +4434,13 @@ window.background:not(.csd) .menu {
window.background:not(.csd) .menu .separator:not(label), .csd window.background:not(.csd) .menu .separator:not(label), .csd
window.background:not(.csd) .menu .separator:not(label) { window.background:not(.csd) .menu .separator:not(label) {
color: rgba(255, 255, 255, 0.12); } color: rgba(255, 255, 255, 0.12); }
window.background:not(.csd) > menu > menuitem {
padding: 4px 6px; }
window.background:not(.csd) > menu > menuitem > label:disabled { window.background:not(.csd) > menu > menuitem > label:disabled {
color: rgba(222, 222, 222, 0.45); } color: rgba(222, 222, 222, 0.45); }
window.background:not(.csd) > menu > menuitem > radio,
window.background:not(.csd) > menu > menuitem > check {
padding: 0 2px 0 4px; }
#MozillaGtkWidget.background { #MozillaGtkWidget.background {
background-color: #333333; } background-color: #333333; }
@ -4462,8 +4470,10 @@ window.background:not(.csd) > menu > menuitem > label:disabled {
#MozillaGtkWidget.background > window.background > menu { #MozillaGtkWidget.background > window.background > menu {
background-color: #242424; background-color: #242424;
border-radius: 0; border-radius: 0;
border-color: transparent; } border-color: rgba(255, 255, 255, 0.12); }
#MozillaGtkWidget.background > window.background > menu > separator { #MozillaGtkWidget.background > window.background > menu > separator {
margin-top: 2px;
margin-bottom: 2px;
background-color: rgba(255, 255, 255, 0.12); } background-color: rgba(255, 255, 255, 0.12); }
#MozillaGtkWidget.background > widget border { #MozillaGtkWidget.background > widget border {
border-color: rgba(255, 255, 255, 0.12); } border-color: rgba(255, 255, 255, 0.12); }

View File

@ -27,9 +27,9 @@
.background { .background {
color: #242424; color: #242424;
background-color: rgba(245, 245, 245, 0.999); } background-color: rgba(245, 245, 245, 0.999); }
.background.csd, .background.ssd, .background.osd, .background.solid-csd { .background.csd, .background.ssd, .background.osd {
border-radius: 0 0 6px 6px; } border-radius: 0 0 6px 6px; }
.background.maximized { .background.maximized, .background.solid-csd {
border-radius: 0; } border-radius: 0; }
.popup.background { .popup.background {
@ -65,8 +65,7 @@ textview text {
.view text:hover, .view text:hover,
iconview text:hover, iconview text:hover,
textview text:hover { textview text:hover {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-color: rgba(0, 0, 0, 0.005); }
background-color: rgba(0, 0, 0, 0.02); }
.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
.view text:selected, .view text:selected,
iconview text:selected, iconview text:selected,
@ -3291,7 +3290,7 @@ decoration {
messagedialog.csd decoration { messagedialog.csd decoration {
border-radius: 6px; } border-radius: 6px; }
.solid-csd decoration { .solid-csd decoration {
border: none; border: 1px solid #E1E1E1;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
background-color: rgba(229, 229, 229, 0.95); background-color: rgba(229, 229, 229, 0.95);
@ -4420,10 +4419,14 @@ window.background:not(.csd) > widget > spinbutton {
window.background:not(.csd) > widget > spinbutton .entry { window.background:not(.csd) > widget > spinbutton .entry {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; } border-bottom-right-radius: 0; }
window.background:not(.csd) > widget > button > button:active { window.background:not(.csd) > widget > button > button {
background-image: image(#afafaf); min-height: 24px; }
border: none; window.background:not(.csd) > widget > button > button:active {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.11); } background-image: image(#afafaf);
border: none;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.11); }
window.background:not(.csd) > widget > button > button label {
padding: 4px 6px; }
window.background:not(.csd) > menu, window.background:not(.csd) > menu,
window.background:not(.csd) .menu { window.background:not(.csd) .menu {
background-color: #ffffff; background-color: #ffffff;
@ -4433,8 +4436,13 @@ window.background:not(.csd) .menu {
window.background:not(.csd) .menu .separator:not(label), .csd window.background:not(.csd) .menu .separator:not(label), .csd
window.background:not(.csd) .menu .separator:not(label) { window.background:not(.csd) .menu .separator:not(label) {
color: rgba(0, 0, 0, 0.11); } color: rgba(0, 0, 0, 0.11); }
window.background:not(.csd) > menu > menuitem {
padding: 4px 6px; }
window.background:not(.csd) > menu > menuitem > label:disabled { window.background:not(.csd) > menu > menuitem > label:disabled {
color: rgba(36, 36, 36, 0.55); } color: rgba(36, 36, 36, 0.55); }
window.background:not(.csd) > menu > menuitem > radio,
window.background:not(.csd) > menu > menuitem > check {
padding: 0 2px 0 4px; }
#MozillaGtkWidget.background { #MozillaGtkWidget.background {
background-color: #f5f5f5; } background-color: #f5f5f5; }
@ -4464,8 +4472,10 @@ window.background:not(.csd) > menu > menuitem > label:disabled {
#MozillaGtkWidget.background > window.background > menu { #MozillaGtkWidget.background > window.background > menu {
background-color: #ffffff; background-color: #ffffff;
border-radius: 0; border-radius: 0;
border-color: transparent; } border-color: rgba(0, 0, 0, 0.11); }
#MozillaGtkWidget.background > window.background > menu > separator { #MozillaGtkWidget.background > window.background > menu > separator {
margin-top: 2px;
margin-bottom: 2px;
background-color: rgba(0, 0, 0, 0.11); } background-color: rgba(0, 0, 0, 0.11); }
#MozillaGtkWidget.background > widget border { #MozillaGtkWidget.background > widget border {
border-color: rgba(0, 0, 0, 0.11); } border-color: rgba(0, 0, 0, 0.11); }

View File

@ -1471,12 +1471,15 @@ window.background:not(.csd) {
// padding: 2px 6px; // padding: 2px 6px;
// background-size: auto; // background-size: auto;
// color: $fg_color; // color: $fg_color;
min-height: 24px;
&:active { &:active {
background-image: image($header_button_active_bg); background-image: image($header_button_active_bg);
border: none; border: none;
box-shadow: inset 0 0 0 1px $borders_color; box-shadow: inset 0 0 0 1px $borders_color;
} }
label { padding: 4px 6px; }
} }
} }
@ -1489,8 +1492,10 @@ window.background:not(.csd) {
.separator:not(label), .separator:not(label),
.csd & .separator:not(label) { color: $borders_color; } .csd & .separator:not(label) { color: $borders_color; }
} }
> menu > menuitem { padding: 4px 6px; }
> menu > menuitem > label:disabled { color: $insensitive_fg_color; } > menu > menuitem > label:disabled { color: $insensitive_fg_color; }
> menu > menuitem > radio,
> menu > menuitem > check { padding: 0 2px 0 4px; }
} }
// /******************* // /*******************
@ -1531,10 +1536,10 @@ window.background:not(.csd) {
> window.background > menu { // context-menus > window.background > menu { // context-menus
background-color: $base_color; background-color: $base_color;
border-radius: 0; border-radius: 0;
border-color: transparent; border-color: $borders_color;
// revert to standard separators // revert to standard separators
> separator { background-color: $borders_color; } > separator { margin-top: 2px; margin-bottom: 2px; background-color: $borders_color; }
} }
> widget { > widget {

View File

@ -42,9 +42,8 @@ $wm_radius: 6px;
background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color);
&.csd, &.csd,
&.ssd, &.osd, &.ssd, &.osd { border-radius: 0 0 $wm_radius $wm_radius; } // Set csd windows botttom border radius
&.solid-csd { border-radius: 0 0 $wm_radius $wm_radius; } // Set csd windows botttom border radius &.maximized, &.solid-csd { border-radius: 0; } // No radius when windows maximized
&.maximized { border-radius: 0; } // No radius when windows maximized
} }
.popup.background { .popup.background {
@ -80,7 +79,7 @@ $wm_radius: 6px;
background-color: $base_color; background-color: $base_color;
transition: all 200ms $ease-out-quad; transition: all 200ms $ease-out-quad;
&:hover { transition: all 350ms $ease-out-quad; background-color: if($variant=='light', rgba(black, 0.02), rgba(white, 0.02)); } &:hover { background-color: if($variant=='light', rgba(black, 0.005), rgba(white, 0.005)); }
&:selected { &:selected {
&, &:focus { &, &:focus {
@ -3574,7 +3573,7 @@ decoration {
border-radius: $wm_radius; border-radius: $wm_radius;
} }
.solid-csd & { .solid-csd & {
border: none; border: 1px solid $bar_border;
border-radius: 0; border-radius: 0;
margin: 0; margin: 0;
background-color: $header_bg; background-color: $header_bg;