github/MIND
1
1
Fork 0
mirror of https://github.com/Casvt/MIND.git synced 2026-02-19 11:54:46 -05:00
Code Issues Packages Projects Releases Wiki Activity

Reduced window slide animation speed on phones

Browse Source
This commit is contained in:
CasVT
2025-06-28 17:33:26 +02:00
parent 8b23f26128
commit 98ee414dc5
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/static/css/general.css
View File

@@ -27,7 +27,7 @@
--nav-button-spacing: .5rem;
--scrollbar-width: 12px;
--window-slice-duration: 500ms;
--window-slide-duration: 500ms;
--dyn-spacing: clamp(.5rem, 2vw, 1rem);
--playful-curve: cubic-bezier(0.87, 0, 0.13, 1);
--default-shadow:
@@ -557,6 +557,12 @@ dialog[open]::backdrop {
}
}
@media (max-width: 34rem) {
:root {
--window-slide-duration: 200ms;
}
}
@media (max-width: 29rem) {
.collaps-table tbody {
display: flex;

6
frontend/static/css/reminders.css
View File

@@ -133,12 +133,12 @@ nav > div > button {
flex: 0 0 auto;
translate: 0 0;
transition: translate var(--window-slice-duration) ease-in-out;
transition: translate var(--window-slide-duration) ease-in-out;
}
.window-container.inter-window-ani > :where(#home, .extra-window-container) {
transition: translate var(--window-slice-duration) ease-in-out,
transform var(--window-slice-duration) ease-in-out;
transition: translate var(--window-slide-duration) ease-in-out,
transform var(--window-slide-duration) ease-in-out;
}
.extra-window-container {