[gnome-shell/wip/snwh/stylesheet-minor-fixes: 7/8] style: Add missing transition timings
- From: Sam Hewitt <snwh src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell/wip/snwh/stylesheet-minor-fixes: 7/8] style: Add missing transition timings
- Date: Wed, 8 Jun 2022 14:52:23 +0000 (UTC)
commit 0b13563fd1475cc1ec07478c735407924f32628a
Author: Sam Hewitt <sam snwh org>
Date: Fri May 27 15:39:45 2022 -0230
style: Add missing transition timings
- fixes #5211
data/theme/gnome-shell-sass/_common.scss | 2 +-
data/theme/gnome-shell-sass/_drawing.scss | 13 +++++++------
data/theme/gnome-shell-sass/widgets/_app-grid.scss | 1 +
data/theme/gnome-shell-sass/widgets/_calendar.scss | 1 +
data/theme/gnome-shell-sass/widgets/_popovers.scss | 8 ++++----
5 files changed, 14 insertions(+), 11 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index f15c86c318..0b89700b43 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -74,7 +74,7 @@ stage {
padding: $base_padding;
spacing: $base_padding;
border: 2px solid transparent;
- transition-duration: 100ms;
+ transition-duration: 200ms;
text-align: center;
}
diff --git a/data/theme/gnome-shell-sass/_drawing.scss b/data/theme/gnome-shell-sass/_drawing.scss
index 910eeb5339..217aac9926 100644
--- a/data/theme/gnome-shell-sass/_drawing.scss
+++ b/data/theme/gnome-shell-sass/_drawing.scss
@@ -129,12 +129,6 @@
}
}
-// buttons
-// since buttons are all flat an borderless now the mixin is simpler
-
-@mixin button($t, $tc:$fg_color, $c:$bg_color) {
-
-$button_bg_color: mix($tc, $c, 5%);
//
// Button drawing function
//
@@ -147,6 +141,12 @@ $button_bg_color: mix($tc, $c, 5%);
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
//
+// since buttons are all flat an borderless now the mixin is simpler
+
+@mixin button($t, $tc:$fg_color, $c:$bg_color) {
+
+ $button_bg_color: mix($tc, $c, 5%);
+ transition-duration: 100ms;
// normal button
@if $t==normal {
@@ -257,6 +257,7 @@ $button_bg_color: mix($tc, $c, 5%);
// overview icon, dash, app grid
@mixin overview_icon($color, $flat: true) {
+ transition-duration: 400ms;
.overview-icon { @extend %tile; }
@if $flat {
.overview-icon { background-color: transparent;}
diff --git a/data/theme/gnome-shell-sass/widgets/_app-grid.scss
b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
index c936e4b6d4..91cf023f19 100644
--- a/data/theme/gnome-shell-sass/widgets/_app-grid.scss
+++ b/data/theme/gnome-shell-sass/widgets/_app-grid.scss
@@ -102,6 +102,7 @@ $app_icon_size: 96px;
// App Grid pagination indicators
.page-indicator {
padding: $base_padding $base_padding * 2 0;
+ transition-duration:400ms;
.page-indicator-icon {
width: 10px;
diff --git a/data/theme/gnome-shell-sass/widgets/_calendar.scss
b/data/theme/gnome-shell-sass/widgets/_calendar.scss
index 465dc053d8..336372cd6c 100644
--- a/data/theme/gnome-shell-sass/widgets/_calendar.scss
+++ b/data/theme/gnome-shell-sass/widgets/_calendar.scss
@@ -69,6 +69,7 @@
height: $calendar_day_size !important;
width: $calendar_day_size !important;
border-radius: 99px;
+ transition-duration: 100ms;
@extend %numeric;
@extend %smaller;
diff --git a/data/theme/gnome-shell-sass/widgets/_popovers.scss
b/data/theme/gnome-shell-sass/widgets/_popovers.scss
index 3a470ef187..4e6813a0d3 100644
--- a/data/theme/gnome-shell-sass/widgets/_popovers.scss
+++ b/data/theme/gnome-shell-sass/widgets/_popovers.scss
@@ -30,16 +30,16 @@
padding: $base_padding*1.5 $base_padding*2;
border-radius: $base_border_radius;
spacing: $base_padding;
- transition: 0.2s all ease;
+ transition-duration: 100ms;
background-color: transparent;
&:ltr {padding-left: $base_padding;}
&:rtl {padding-right: $base_padding;}
&:focus, &:hover {
- background-color: $hover_bg_color !important;
- &:active { background-color: $active_bg_color !important;}
- }
+ background-color: $hover_bg_color !important;
+ &:active { background-color: $active_bg_color !important;}
+ }
&:checked {background-color: $checked_bg_color !important;}
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]