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

Track a recipe under the top bar

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-20 21:13:46 +01:00
parent 722cf0b382
commit a86594594a
5 changed files with 67 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
static/styles.css
View file

@ -110,6 +110,14 @@ a { color: var(--xp); }
.chip.alarm { color: var(--bad); animation: alarm 1.2s ease-in-out infinite; }
@keyframes alarm { 50% { background: rgba(226, 100, 92, .25); border-color: var(--bad); } }
.chip .mini { width: 70px; }
#top { flex-wrap: wrap; }
.tracked { flex-basis: 100%; display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
padding-top: 8px; border-top: 1px solid var(--line); font-size: 13.5px; }
.tracked-name { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; padding: 0;
font-weight: 650; cursor: pointer; }
.tracked-name .gi { width: 1.4em; height: 1.4em; }
.tracked.ready .tracked-name { color: var(--good); }
.tracked .pin { margin-left: auto; }
main { padding: 24px; max-width: 1200px; width: 100%; }
.loading { color: var(--muted); }
@ -183,10 +191,11 @@ textarea { width: 100%; resize: vertical; min-height: 60px; }
.skill-head .info { flex: 1; min-width: 0; }
.skill-head h2 { margin: 0; font-size: 22px; text-transform: none; letter-spacing: 0; color: var(--text); }
.skill-head .lv { font-variant-numeric: tabular-nums; color: var(--muted); margin: 2px 0 8px; }
.skill-head .pin { background: none; border: 0; padding: 0 4px; font-size: 16px; cursor: pointer; vertical-align: middle;
.pin { background: none; border: 0; padding: 0 4px; font-size: 16px; cursor: pointer; vertical-align: middle;
filter: grayscale(1); opacity: .35; }
.skill-head .pin:hover { opacity: .7; }
.skill-head .pin.on { filter: none; opacity: 1; }
.pin:hover { opacity: .7; }
.pin.on { filter: none; opacity: 1; }
.action .top .pin { margin-left: auto; align-self: flex-start; font-size: 14px; }
.action {
background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);