oleh/astrolabe
1
0
Fork 0
mirror of https://github.com/olehomelchenko/astrolabe.git synced 2026-08-08 10:12:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Quiet fields: base.css field baseline, --field tokens, 3:1 border-strong, app-wide migration

Browse Source
This commit is contained in:
Oleh Omelchenko
2026-06-13 00:06:33 +03:00
parent ebdeac7747
commit e0806bf3db
19 changed files with 218 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/ChartBuilderModal.module.css
+9 -51
View File
@@ -133,11 +133,6 @@
min-width: 0;
height: var(--control-height);
padding: 0 var(--space-2);
border: var(--border-width) solid var(--border-strong);
border-radius: var(--radius);
background: var(--bg);
color: var(--text);
font: inherit;
font-size: 13px;
}
@@ -152,10 +147,6 @@
min-width: 0;
height: var(--control-height);
padding: 0 var(--space-3);
border: var(--border-width) solid var(--border-strong);
border-radius: var(--radius);
background: var(--bg);
color: var(--text);
font-family: var(--font-mono);
font-size: 12px;
}
@@ -165,10 +156,6 @@
min-width: 0;
height: var(--control-height);
padding: 0 var(--space-3);
border: var(--border-width) solid var(--border-strong);
border-radius: var(--radius);
background: var(--bg);
color: var(--text);
font-family: var(--font-mono);
font-size: 12px;
}
@@ -179,13 +166,6 @@
font-family: var(--font-mono);
}
.calcName:focus-visible,
.valueInput:focus-visible,
.exprInput:focus-visible {
outline: 2px solid var(--focus);
outline-offset: -1px;
}
.exprInput[aria-invalid='true'] {
border-color: var(--support-error);
}
@@ -423,20 +403,10 @@
gap: var(--space-5);
}
.dimInput:focus-visible {
outline: 2px solid var(--focus);
outline-offset: -1px;
}
.dimInput {
width: 100px;
height: var(--control-height);
padding: 0 var(--space-3);
border: var(--border-width) solid var(--border-strong);
border-radius: var(--radius);
background: var(--bg);
color: var(--text);
font: inherit;
font-size: 13px;
}
@@ -484,27 +454,29 @@
min-width: 0;
}
/* Actionable-hint remedies: each fix is an offer, never forced, so they're
low-emphasis ghost buttons — suggestions beside the advice, not commands. */
/* Actionable-hint remedies: each fix is an offer, never forced — low-emphasis
suggestions beside the advice, not commands. */
.warningFixes {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
}
/* Inline link-style actions (arch 09 §4): content-sized accent text, no box —
the smallness is the emphasis level. */
.warningFix {
font: inherit;
font-size: 12px;
cursor: pointer;
padding: var(--space-1) var(--space-2);
border: var(--border-width) solid var(--border-strong);
border: none;
border-radius: var(--radius);
background: var(--bg);
background: transparent;
color: var(--accent);
}
.warningFix:hover {
background: var(--layer-01);
background: var(--control-hover-fill, var(--layer-01));
}
.warningFix:focus-visible {
@@ -727,7 +699,8 @@
.shelfGlyph {
min-width: 22px;
padding: 1px var(--space-2);
border: var(--border-width) solid var(--border-strong);
/* A passive type tag, not a control — subtle border (borders mark function). */
border: var(--border-width) solid var(--border);
background: var(--layer-01);
color: var(--text-secondary);
font-family: var(--font-mono);
@@ -877,11 +850,6 @@
width: 64px;
margin: 0 var(--space-2);
padding: var(--space-1) var(--space-2);
border: var(--border-width) solid var(--border-strong);
border-radius: var(--radius);
background: var(--bg);
color: var(--text);
font: inherit;
font-size: 12px;
}
@@ -1032,11 +1000,6 @@
width: 200px;
height: var(--control-height);
padding: 0 var(--space-2);
border: var(--border-width) solid var(--border-strong);
border-radius: var(--radius);
background: var(--bg);
color: var(--text);
font: inherit;
font-size: 13px;
}
@@ -1045,11 +1008,6 @@
cursor: not-allowed;
}
.propInput:focus-visible {
outline: 2px solid var(--focus);
outline-offset: -1px;
}
/* Reserved faceting placeholder (Phase 4) — non-interactive, signals where it'll live. */
.facetSlot {
display: flex;