docs: update meta files for theme dropdown CSS polish session
This commit is contained in:
parent
9af7ac3f68
commit
1279981bf9
2 changed files with 12 additions and 0 deletions
|
|
@ -39,6 +39,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|||
- `CatppuccinFlavor` type deprecated in favor of `ThemeId`; `CatppuccinPalette` deprecated in favor of `ThemePalette`; `FLAVOR_LABELS` and `ALL_FLAVORS` deprecated in favor of `THEME_LIST` and `ALL_THEME_IDS`
|
||||
|
||||
### Fixed
|
||||
- SettingsTab theme dropdown sizing: set `min-width: 180px` on trigger container, `min-width: 280px` and `max-height: 400px` on dropdown menu, `white-space: nowrap` on option labels to prevent text truncation
|
||||
- SettingsTab input overflow: added `min-width: 0` on `.setting-row` to prevent flex children from overflowing container
|
||||
- SettingsTab a11y: project field labels changed from `<div><label>` to wrapping `<label><span class="field-label">` pattern for proper label/input association
|
||||
- SettingsTab CSS: removed unused `.project-field label` selector, simplified input selector to `.project-field input:not([type="checkbox"])`
|
||||
|
|
|
|||
|
|
@ -162,3 +162,14 @@ All editor themes map to the same `--ctp-*` CSS custom property names (26 vars).
|
|||
|
||||
#### Verification
|
||||
- No test changes needed — UI-only change, no logic changes
|
||||
|
||||
### Session: 2026-03-07 — Theme Dropdown CSS Polish
|
||||
|
||||
#### SettingsTab Dropdown Sizing Fix
|
||||
- [x] Set `min-width: 180px` on `.theme-dropdown` container (was `min-width: 0`) to prevent trigger from collapsing
|
||||
- [x] Set `min-width: 280px` on `.theme-options` dropdown menu (was `right: 0`) to ensure full theme names visible
|
||||
- [x] Increased `max-height` from 320px to 400px on dropdown menu for better scrolling experience
|
||||
- [x] Added `white-space: nowrap` on `.theme-option-label` (was `min-width: 0`) to prevent label text wrapping
|
||||
|
||||
#### Verification
|
||||
- No test changes needed — CSS-only change
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue