Andreas/mtg_python_deckbuilder
1
0
Fork 0
mirror of https://github.com/mwisnowski/mtg_python_deckbuilder.git synced 2025-12-18 00:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(ui): add similar cards refresh button and reduce sidebar animation distractions

Browse source
This commit is contained in:
matt 2025-10-17 18:40:15 -07:00
parent dfddf35b4e
commit 0f4d165201
6 changed files with 204 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
code/web/static/styles.css
View file

@ -125,6 +125,13 @@ body.nav-collapsed .top-banner .top-inner{ grid-template-columns: auto 1fr; }
body.nav-collapsed .top-banner .top-inner{ padding-left: .5rem; padding-right: .5rem; }
/* Smooth hide/show on mobile while keeping fixed positioning */
.sidebar{ transition: transform .2s ease-out, visibility .2s linear; }
/* Suppress sidebar transitions during page load to prevent pop-in */
body.no-transition .sidebar{ transition: none !important; }
/* Suppress sidebar transitions during HTMX partial updates to prevent distracting animations */
body.htmx-settling .sidebar{ transition: none !important; }
body.htmx-settling .layout{ transition: none !important; }
body.htmx-settling .content{ transition: none !important; }
body.htmx-settling *{ transition-duration: 0s !important; }
/* Mobile tweaks */
@media (max-width: 900px){