drop native number-input spinners app-wide
The spinner arrows clash with the dark glass UI. One base-layer CSS rule removes them from every type=number input (admin settings, signals filters, data cleanup, etc.) — values are typed, and type=number still gives the mobile numeric keypad and validation. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -12,6 +12,19 @@
|
|||||||
font-family: 'Bricolage Grotesque', system-ui, sans-serif;
|
font-family: 'Bricolage Grotesque', system-ui, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Number inputs: drop the native spinner arrows app-wide — they don't fit the
|
||||||
|
dark glass UI. Values are typed; type=number still gives the numeric keypad
|
||||||
|
on mobile and browser validation. */
|
||||||
|
input[type='number']::-webkit-outer-spin-button,
|
||||||
|
input[type='number']::-webkit-inner-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
input[type='number'] {
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
appearance: textfield;
|
||||||
|
}
|
||||||
|
|
||||||
/* Atmosphere: faint graph-paper grid + citron signal glow + film grain */
|
/* Atmosphere: faint graph-paper grid + citron signal glow + film grain */
|
||||||
#root {
|
#root {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
Reference in New Issue
Block a user