rope/guildhall
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compact toasts on phones, hidden under the menu

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-18 14:35:56 +01:00
parent 14b4c07208
commit 1dcf2707f3
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
static/styles.css
View file

@ -275,7 +275,7 @@ table.parts td:last-child { text-align: right; font-variant-numeric: tabular-num
/* --- toasts and modal ------------------------------------------------- */ /* --- toasts and modal ------------------------------------------------- */
#toasts { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 8px; z-index: 30; } #toasts { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; align-items: flex-end; max-width: calc(100vw - 32px); gap: 8px; z-index: 30; }
.toast { .toast {
background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px; padding: 8px 14px; background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px; padding: 8px 14px;
font-size: 14px; box-shadow: 0 6px 18px rgba(0, 0, 0, .35); animation: rise .2s ease-out; font-size: 14px; box-shadow: 0 6px 18px rgba(0, 0, 0, .35); animation: rise .2s ease-out;
@ -314,7 +314,7 @@ table.parts td:last-child { text-align: right; font-variant-numeric: tabular-num
.cols, .bank-wrap { grid-template-columns: 1fr; } .cols, .bank-wrap { grid-template-columns: 1fr; }
.chip { max-width: 100%; } .chip { max-width: 100%; }
.chip.act .label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; } .chip.act .label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
#toasts { left: 16px; right: 16px; } html.menu-open #toasts { display: none; }
.stats { grid-template-columns: repeat(2, 1fr); } .stats { grid-template-columns: repeat(2, 1fr); }
.skill-head { flex-wrap: wrap; } .skill-head { flex-wrap: wrap; }
.skill-head .info { flex-basis: 60%; } .skill-head .info { flex-basis: 60%; }