Stretch the add-icon buttons to their row's height; bigger glyph
Dropped the hardcoded 2rem height -- .field-row/.kanban__new are flex rows with the default align-items: stretch, so the button now fills to match its compact field's actual height instead of a guessed value that had to be kept in sync with it. Also bumped the "+" from 1.1rem to 1.4rem. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
+5
-2
@@ -1050,13 +1050,16 @@ button[type="submit"]:disabled:not(.btn-icon),
|
|||||||
.btn-icon {
|
.btn-icon {
|
||||||
flex: none;
|
flex: none;
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
height: 2rem;
|
/* No explicit height -- .field-row/.kanban__new are flex rows with the
|
||||||
|
default align-items: stretch, so this fills the row to match its
|
||||||
|
compact field's height instead of guessing a value that has to be
|
||||||
|
kept in sync with it. */
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
border-radius: var(--radius-sm);
|
border-radius: var(--radius-sm);
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: var(--muted);
|
color: var(--muted);
|
||||||
font-size: 1.1rem;
|
font-size: 1.4rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user