diff --git a/src/quartermaster/static/app.css b/src/quartermaster/static/app.css index a3cbf68..328bbfe 100644 --- a/src/quartermaster/static/app.css +++ b/src/quartermaster/static/app.css @@ -421,6 +421,40 @@ tr.add-row td { display: block; } +/* Add-entry disclosure: collapsed trigger, expanded form */ +details.add-entry { margin: 0; } +details.add-entry > summary { + list-style: none; + cursor: pointer; + user-select: none; + display: inline-block; + padding: 0.1rem 0.25rem; +} +details.add-entry > summary::-webkit-details-marker { display: none; } +details.add-entry .add-trigger { + font-family: var(--sans); + font-size: 0.78rem; + font-weight: 500; + color: var(--muted); + letter-spacing: 0.18em; + text-transform: uppercase; + border-bottom: 1px dashed transparent; + padding-bottom: 1px; + transition: color 0.12s ease, border-color 0.12s ease; +} +details.add-entry > summary:hover .add-trigger { + color: var(--ink); + border-bottom-color: var(--rule); +} +details.add-entry[open] > summary .add-trigger { + color: var(--ink); + border-bottom-color: var(--ink); +} +details.add-entry > .add-form, +details.add-entry > .month-add-form { + margin-top: 0.45rem; +} + .entry-name { font-family: var(--sans); font-weight: 500; diff --git a/src/quartermaster/templates/partials/month_section.html b/src/quartermaster/templates/partials/month_section.html index 757ab49..4f1b3f0 100644 --- a/src/quartermaster/templates/partials/month_section.html +++ b/src/quartermaster/templates/partials/month_section.html @@ -203,18 +203,21 @@ {% endfor %} {% if editable %}
-
- - - - -
+
+ + add {{ section.label|lower }} +
+ + + + +
+
{% endif %} diff --git a/src/quartermaster/templates/partials/section.html b/src/quartermaster/templates/partials/section.html index f39fda4..1b45f7d 100644 --- a/src/quartermaster/templates/partials/section.html +++ b/src/quartermaster/templates/partials/section.html @@ -44,18 +44,21 @@ {% endfor %} -
- - - - -
+
+ + add {{ section.label|lower }} +
+ + + + +
+