chore(04-01): Sortable.js bootstrap and soft-danger button CSS
- justfile: add sortable_version := "1.15.7" variable - justfile: bootstrap downloads sortable.min.js from jsDelivr - justfile: clean removes static/sortable.min.js - button.css: add .ui-button-soft-danger-md rule with hover and focus-visible states - static/sortable.min.js: downloaded at 1.15.7 (45 kB)
This commit is contained in:
parent
8b9543db6f
commit
55fb32f1e1
3 changed files with 32 additions and 2 deletions
|
|
@ -91,3 +91,28 @@
|
||||||
outline: 2px solid #64748b;
|
outline: 2px solid #64748b;
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Phase 4: Soft-danger button variant for task delete actions. */
|
||||||
|
/* Codex concern #7: no CSS nesting — all pseudo-class rules are top-level. */
|
||||||
|
|
||||||
|
.ui-button-soft-danger-md {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 0.375rem;
|
||||||
|
background-color: #fee2e2;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #b91c1c;
|
||||||
|
border: 1px solid #fecaca;
|
||||||
|
min-height: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-button-soft-danger-md:hover {
|
||||||
|
background-color: #fecaca;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-button-soft-danger-md:focus-visible {
|
||||||
|
outline: 2px solid #b91c1c;
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -31,6 +31,7 @@ tailwind_version := "v4.0.0"
|
||||||
# HTMX version — no runtime CDN reference appears anywhere else (CONTEXT D-10).
|
# HTMX version — no runtime CDN reference appears anywhere else (CONTEXT D-10).
|
||||||
|
|
||||||
htmx_version := "2"
|
htmx_version := "2"
|
||||||
|
sortable_version := "1.15.7"
|
||||||
|
|
||||||
# --- Local config ---------------------------------------------------------------------------
|
# --- Local config ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
@ -77,6 +78,8 @@ bootstrap:
|
||||||
# 3. HTMX — bootstrap-time download. This unpkg URL is the explicit allowed exception to
|
# 3. HTMX — bootstrap-time download. This unpkg URL is the explicit allowed exception to
|
||||||
# the runtime no-CDN rule (CONTEXT D-10); served HTML references only /static/htmx.min.js.
|
# the runtime no-CDN rule (CONTEXT D-10); served HTML references only /static/htmx.min.js.
|
||||||
curl -sSL -o static/htmx.min.js "https://unpkg.com/htmx.org@{{ htmx_version }}/dist/htmx.min.js"
|
curl -sSL -o static/htmx.min.js "https://unpkg.com/htmx.org@{{ htmx_version }}/dist/htmx.min.js"
|
||||||
|
# 4. Sortable.js — drag-and-drop library for kanban column reordering.
|
||||||
|
curl -sSL -o static/sortable.min.js "https://cdn.jsdelivr.net/npm/sortablejs@{{ sortable_version }}/Sortable.min.js"
|
||||||
|
|
||||||
compose-config:
|
compose-config:
|
||||||
mkdir -p {{ compose_config_dir }}
|
mkdir -p {{ compose_config_dir }}
|
||||||
|
|
@ -107,7 +110,7 @@ styles-watch:
|
||||||
|
|
||||||
dev: db-up
|
dev: db-up
|
||||||
just generate
|
just generate
|
||||||
DATABASE_URL='{{ database_url }}' air -c .air.toml
|
DATABASE_URL='{{ database_url }}' SESSION_SECRET=191affeb1624de1f0e07bd5cfab14cd655510a24f7e673bd784ea56847890caf air -c .air.toml
|
||||||
|
|
||||||
test:
|
test:
|
||||||
just generate
|
just generate
|
||||||
|
|
@ -126,5 +129,5 @@ build:
|
||||||
|
|
||||||
# volume — run `just db-down` first if a full reset is needed.
|
# volume — run `just db-down` first if a full reset is needed.
|
||||||
clean:
|
clean:
|
||||||
rm -rf bin/ tmp/ static/htmx.min.js static/tailwind.css
|
rm -rf bin/ tmp/ static/htmx.min.js static/sortable.min.js static/tailwind.css
|
||||||
find . -name '*_templ.go' -delete
|
find . -name '*_templ.go' -delete
|
||||||
|
|
|
||||||
2
backend/static/sortable.min.js
vendored
Normal file
2
backend/static/sortable.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue