This commit is contained in:
vinceliuice 2018-02-12 18:31:35 +08:00
parent edaaf3f54a
commit b70f7cf703
3 changed files with 33 additions and 10 deletions

View File

@ -56,7 +56,14 @@
iconview text,
textview text {
color: #dedede;
background-color: #242424; }
background-color: #242424;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.view:hover, iconview:hover,
.view text:hover,
iconview 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.02); }
.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
.view text:selected,
iconview text:selected,
@ -64,6 +71,7 @@ textview text {
.view text:selected:focus,
iconview text:selected:focus,
textview text:selected:focus {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 5px; }
textview border {
@ -877,7 +885,7 @@ toolbar, .inline-toolbar {
toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 5px;
border-radius: 8px;
background-color: rgba(36, 36, 36, 0.85); }
toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
border-radius: 0; }
@ -931,7 +939,8 @@ searchbar {
actionbar {
padding: 6px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
background-color: #2b2b2b; }
background-color: #2b2b2b;
border-radius: 0 0 8px 8px; }
headerbar,
.titlebar:not(headerbar) {
@ -1733,7 +1742,7 @@ popover.background {
border-radius: 5px;
background-clip: border-box;
background-color: #333333;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); }
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
.csd popover, popover, .csd
popover.background,
popover.background {

View File

@ -56,7 +56,14 @@
iconview text,
textview text {
color: #363636;
background-color: #ffffff; }
background-color: #ffffff;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.view:hover, iconview:hover,
.view text:hover,
iconview 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.02); }
.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus,
.view text:selected,
iconview text:selected,
@ -64,6 +71,7 @@ textview text {
.view text:selected:focus,
iconview text:selected:focus,
textview text:selected:focus {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 5px; }
textview border {
@ -880,7 +888,7 @@ toolbar, .inline-toolbar {
toolbar.osd, .osd.inline-toolbar {
padding: 7px;
border: 1px solid rgba(0, 0, 0, 0.11);
border-radius: 5px;
border-radius: 8px;
background-color: rgba(222, 222, 222, 0.85); }
toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar {
border-radius: 0; }
@ -934,7 +942,8 @@ searchbar {
actionbar {
padding: 6px;
border-top: 1px solid rgba(0, 0, 0, 0.11);
background-color: #ededed; }
background-color: #ededed;
border-radius: 0 0 8px 8px; }
headerbar,
.titlebar:not(headerbar) {
@ -1731,7 +1740,7 @@ popover.background {
border-radius: 5px;
background-clip: border-box;
background-color: #ffffff;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07); }
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }
.csd popover, popover, .csd
popover.background,
popover.background {

View File

@ -75,9 +75,13 @@ $wm_radius: 8px;
%view {
color: $text_color;
background-color: $base_color;
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)); }
&:selected {
&, &:focus {
transition: all 350ms $ease-out-quad;
@extend %selected_items;
border-radius: $bt_radius;
}
@ -986,7 +990,7 @@ toolbar {
&.osd {
padding: 7px;
border: 1px solid $borders_color;
border-radius: $bt_radius;
border-radius: $wm_radius;
background-color: transparentize($osd_bg_color, 0.1);
&.left,
@ -1049,6 +1053,7 @@ actionbar {
padding: 6px;
border-top: 1px solid $borders_color;
background-color: darken($bg_color, 3%);
border-radius: 0 0 $wm_radius $wm_radius;
}
//
@ -1896,7 +1901,7 @@ popover.background {
background-clip: border-box;
background-color: $_popover_bg;
box-shadow: 0 2px 6px 0 if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.85));
box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85));
.csd &, & {
border-radius: $bt_radius;