Mark crops as planted (on the way)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
35df8dbd01
commit
07057e6c3d
4 changed files with 46 additions and 18 deletions
|
|
@ -114,7 +114,7 @@ label.today-card:hover { border-color: color-mix(in srgb, var(--season) 55%, tra
|
|||
.today-card.event { --season: #86bcd8; }
|
||||
|
||||
.crop-list { border: 1px solid var(--line); background: var(--panel); border-radius: var(--radius); overflow: hidden; }
|
||||
.crop-row { position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr) 90px 110px; align-items: center; gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--line); cursor: pointer; transition: background .15s ease; }
|
||||
.crop-row { position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr) auto 90px 110px; align-items: center; gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--line); cursor: pointer; transition: background .15s ease; }
|
||||
.crop-row:last-child { border: 0; }
|
||||
.crop-row:hover { background: rgba(255,255,255,.025); }
|
||||
.today-card > input, .crop-row input, .bundle-item input { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
|
||||
|
|
@ -130,6 +130,17 @@ label.today-card:hover { border-color: color-mix(in srgb, var(--season) 55%, tra
|
|||
.crop-row.overdue .plant-date { color: var(--danger); }
|
||||
.crop-row.complete { opacity: .52; }
|
||||
.crop-row.complete .crop-name strong { text-decoration: line-through; }
|
||||
.plant-toggle { position: relative; z-index: 4; display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); font: inherit; font-size: .78rem; font-weight: 800; cursor: pointer; transition: .15s ease; }
|
||||
.plant-toggle span { filter: grayscale(1); opacity: .7; transition: .15s ease; }
|
||||
.plant-toggle:hover { border-color: #79b56b; color: var(--ink); }
|
||||
.plant-toggle:hover span, .plant-toggle[aria-pressed="true"] span { filter: none; opacity: 1; }
|
||||
.plant-toggle[aria-pressed="true"] { border-color: #79b56b; background: rgba(121,181,107,.18); color: #a9dfa4; }
|
||||
.plant-toggle:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
|
||||
.plant-toggle:disabled { cursor: wait; opacity: .6; }
|
||||
.crop-row.planted { box-shadow: inset 3px 0 0 #79b56b; }
|
||||
.crop-row.planted .plant-date { color: #a9dfa4; }
|
||||
.today-card.deadline.planted { --season: #79b56b; }
|
||||
.status-badge.planted { color: #a9dfa4; background: rgba(121,181,107,.18); }
|
||||
|
||||
.bundle-heading { align-items: center; }
|
||||
.progress-cluster { width: min(290px, 42%); color: var(--muted); text-align: right; font-size: .84rem; }
|
||||
|
|
@ -210,7 +221,8 @@ footer a { text-underline-offset: 3px; }
|
|||
.section-heading > p { text-align: left; }
|
||||
.today-grid, .room-grid { grid-template-columns: 1fr; }
|
||||
.today-card { min-height: 155px; }
|
||||
.crop-row { grid-template-columns: 24px 1fr 94px; gap: 11px; }
|
||||
.crop-row { grid-template-columns: 24px 1fr auto 86px; gap: 10px; }
|
||||
.plant-toggle { padding: 6px 9px; }
|
||||
.grow-time { display: none; }
|
||||
.crop-name small { max-width: 31ch; }
|
||||
.bundle-heading { align-items: stretch; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue