Compare commits
2 Commits
e00dd0e887
...
d30f6f9d02
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
d30f6f9d02 | ||
|
|
61ed8aa7f2 |
@ -351,13 +351,16 @@ select.form-control:focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Config page checkboxes — mirror the .form-control field box (same radius,
|
/* Config page checkboxes — mirror the .form-control field box (same radius,
|
||||||
padding, fill and border) so a toggle reads as the same field surface as the
|
fill and border) so a toggle reads as the same field surface as the inputs
|
||||||
inputs beside it instead of a lighter, slightly-off box. */
|
beside it instead of a lighter, slightly-off box. Vertical padding is 10px
|
||||||
|
(not the input's 12px): the 24px toggle pill is taller than input text, so
|
||||||
|
the trimmed padding keeps the box at the inputs' 44px height (24 + 10 + 10)
|
||||||
|
instead of overshooting to 48px. */
|
||||||
.checkbox-label {
|
.checkbox-label {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 12px 16px;
|
padding: 10px 16px;
|
||||||
min-height: 44px;
|
min-height: 44px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
transition: background 0.18s ease, border-color 0.18s ease;
|
transition: background 0.18s ease, border-color 0.18s ease;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user