fix: align form field widths across the app
From 900px up, selects and text fields fill their column up to 480px, numbers and dates are 140px, and long text stays full width, so every form shares one right edge. Below 900px every field runs full width. Overrides core's id-pinned widths (% Done, mobile dates, settings textareas). check-form-alignment.mjs now checks widths at 1440, 1024 and 390px across all settings tabs and admin forms. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
20b7269df2
commit
db58c6e86f
@@ -229,6 +229,10 @@
|
||||
/* Form fields run full width; a select keeps room for the icon button after it */
|
||||
html form .attributes select { inline-size: 100%; }
|
||||
html form .attributes select:has(+ .icon-only) { inline-size: calc(100% - 36px); }
|
||||
/* Core leaves the tracker at 90%; only the project row shares its line (with "Private") */
|
||||
html #all_attributes #issue_tracker_id { inline-size: 100%; }
|
||||
/* Core leaves dates at their content width; every field runs full width here */
|
||||
html .tabular input:is(.date, [type="date"]) { inline-size: 100%; max-inline-size: 100%; }
|
||||
html .tabular input[type="radio"] { inline-size: auto; }
|
||||
|
||||
/* Query filters: operator and values run full width under the checkbox label instead of
|
||||
|
||||
Reference in New Issue
Block a user