Thorium_Archive/thorium-mirror
1
0
Fork 0
mirror of https://github.com/Alex313031/thorium.git synced 2025-01-10 03:47:44 -03:00
Code Issues Projects Releases Packages Wiki Activity

fix toggle transition time

Browse source
This commit is contained in:
Alexander Frick 2024-11-18 02:05:55 -06:00
parent 3ed9098c14
commit 8ec7bcbc95
1 changed files with 3 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
other/thorium-2024-ui.patch
View file

@ -2930,7 +2930,7 @@ index 69dc68d302b63..c0b974153be08 100644
transition: box-shadow 80ms linear; transition: box-shadow 80ms linear;
} }
diff --git a/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.css b/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.css diff --git a/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.css b/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.css
index c467dbadf8e14..d495dafcb45c4 100644 index c467dbadf8e14..79e27e3f995b1 100644
--- a/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.css --- a/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.css
+++ b/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.css +++ b/ui/webui/resources/cr_elements/cr_toggle/cr_toggle.css
@@ -17,7 +17,6 @@ @@ -17,7 +17,6 @@
@ -3031,9 +3031,8 @@ index c467dbadf8e14..d495dafcb45c4 100644
- position: initial; - position: initial;
+ position: absolute; + position: absolute;
top: 2px; top: 2px;
- transition: background-color linear 80ms; transition: background-color linear 80ms;
- width: var(--cr-toggle-bar-width); - width: var(--cr-toggle-bar-width);
+ transition: background-color linear 180ms;
+ width: 30px; + width: 30px;
z-index: 0; z-index: 0;
} }
@ -3093,7 +3092,7 @@ index c467dbadf8e14..d495dafcb45c4 100644
- width: var(--cr-toggle-knob-diameter); - width: var(--cr-toggle-knob-diameter);
+ height: 16px; + height: 16px;
+ position: relative; + position: relative;
+ transition: transform linear 180ms, background-color linear 180ms; + transition: transform linear 80ms, background-color linear 80ms;
+ width: 16px; + width: 16px;
z-index: 1; z-index: 1;
} }
@ -3131,12 +3130,3 @@ index c467dbadf8e14..d495dafcb45c4 100644
#ink { #ink {
--paper-ripple-opacity: 1; --paper-ripple-opacity: 1;
color: var(--cr-toggle-unchecked-ripple-color); color: var(--cr-toggle-unchecked-ripple-color);
@@ -196,7 +122,7 @@
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
- transition: color linear 80ms;
+ transition: color linear 180ms;
width: var(--cr-toggle-ripple-diameter);
}