update 2026-10-25 16:53:21

luci-theme-footstrap/styles/theme/30-tables.css

@@ -114,7 +114,7 @@
 	}
 
 	/* fitTables() forces a layout with marks off, and anchoring can re-pick a node inside it
-	 * (18 jumps/1500 frames measured) — anchoring.md, "What the engine is told". */
+	 * (18 jumps/1500 frames measured). */
 	.table.fs-dt { overflow-anchor: none; }
 
 	.cbi-section .table:is([id], .fs-dt) .tr:not(.table-titles):not(.placeholder):hover .td { background: var(--fs-panel2); }
@@ -306,7 +306,7 @@
 	/* stretch (default), not flex-start: a 2-line cell's border-bottom broke out of line with a
 	 * 1-line neighbour's (52px) */
 	/* a <tfoot> with no .tr IS the row. Two rules, chosen instead of :is(): a browser without :has() drops a whole list,
-	 * losing display:flex on every card. Under css-dup's floor — keep both in step by hand. */
+	 * losing display:flex on every card. Keep both in step by hand. */
 	.table.fs-stacked .tr { display: flex; flex-wrap: wrap; }
 	.table.fs-stacked tfoot:not(:has(> .tr)),
 	.table.fs-stacked .tfoot:not(:has(> .tr)) { display: flex; flex-wrap: wrap; }
@@ -315,14 +315,13 @@
 		padding-block: var(--fs-space-1-5); padding-inline: 0 var(--fs-space-2-5); border: 0; text-align: start;
 		overflow-wrap: anywhere; white-space: normal;
 	}
-	/* the column label, lifted above its value. PINNED: the config table needs this under its
-	 * own @container guard, which cannot share a block with a class. */
+	/* the column label, lifted above its value. A copy sits in theme/65-dropdown.css: the config
+	 * table needs it under its own @container guard, which cannot share a block with a class. Keep
+	 * the two identical by hand. */
 	.table.fs-stacked .td[data-title]::before {
-		/* @mirror table-card/label */
 		content: attr(data-title); display: block; margin-bottom: var(--fs-space-1);
 		font-size: var(--fs-type-xs); font-weight: var(--fs-eyebrow-weight); letter-spacing: var(--fs-eyebrow-tracking);
 		color: var(--fs-eyebrow-color);
-		/* @endmirror */
 	}
 	/* a footer cell needs [data-title] in its OWN selector to win the caption rule's (0,4,0) */
 	.table.fs-stacked .td.cbi-section-actions::before,
@@ -330,26 +329,20 @@
 	.table.fs-stacked .td[data-title=""]::before,
 	.table.fs-stacked tfoot .td[data-title]::before,
 	.table.fs-stacked .tfoot .td[data-title]::before { content: none; }
-	/* row buttons are not a label/value pair — full width below the pairs. PINNED, see above. */
+	/* row buttons are not a label/value pair — full width below the pairs. Copy in theme/65-dropdown.css. */
 	.table.fs-stacked .td.cbi-section-actions {
-		/* @mirror table-card/actions */
 		display: flex; flex: 1 1 100%; justify-content: flex-start;
 		flex-wrap: wrap; gap: var(--fs-space-2); padding-top: var(--fs-space-2);
-		/* @endmirror */
 	}
 	/* LuCI groups buttons in ONE inner <div>, so this flex-wrap never fires and .fs-main clipped
-	 * the tail button. PINNED to the config table's copy. */
+	 * the tail button. Copy in theme/65-dropdown.css. */
 	.table.fs-stacked .td.cbi-section-actions > :not(.cbi-dropdown) {
-		/* @mirror table-card/actions-inner */
 		flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: var(--fs-space-2);
-		/* @endmirror */
 	}
 	/* width: 0 — the label's nowrap min-content (288px for a Russian item at 360px) sizes the table-row-group
-	 * past the card (td right 442 vs 315); basis `content` still sizes the item to its label (it was 266px, a whole card, with `1 1 auto`). PINNED. */
+	 * past the card (td right 442 vs 315); basis `content` still sizes the item to its label (it was 266px, a whole card, with `1 1 auto`). Copy in theme/65-dropdown.css. */
 	.table.fs-stacked .td.cbi-section-actions > .cbi-dropdown {
-		/* @mirror table-card/actions-dropdown */
 		flex: 0 1 content; width: 0; min-width: 0;
-		/* @endmirror */
 	}
 	/* nothing in a half-width cell may force the row wider than the viewport — .fs-main clips,
 	 * it does not scroll to an over-wide child */