shcizo/pdga-rating
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: spin only the icon glyph in mobile refresh button (#26)

Browse Source
This commit is contained in:
Samuel Enocsson
2026-06-08 08:44:51 +02:00
parent 16c045e7cc
commit 2ef7de4e58
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/mobile.css
+11
View File
@@ -363,6 +363,17 @@
color: var(--accent); color: var(--accent);
} }
/* Spin only the icon glyph, not the 44px button box — otherwise the button's
lingering touch-hover frame (background + border) rotates too, which looks odd. */
.m-card.is-open .m-card__head .m-refresh-icon.spinning {
animation: none;
}
.m-card.is-open .m-card__head .m-refresh-icon.spinning i {
display: inline-block;
animation: spin 0.8s linear infinite;
}
.m-card__body { .m-card__body {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) auto; grid-template-columns: minmax(0, 1fr) auto;