Merge pull request #34014 from nextchamp-saqib/checkbox-alignment
fix: top-align checkbox input & left-align description with label
This commit is contained in:
commit
f8266f39b1
4 changed files with 23 additions and 5 deletions
|
|
@ -12,7 +12,7 @@ body {
|
|||
.checkbox {
|
||||
label {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
align-items: start;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
--checkbox-right-margin: 8px;
|
||||
|
|
@ -26,6 +26,23 @@ body {
|
|||
.disp-area {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.input-area {
|
||||
padding-top: 2.5px;
|
||||
|
||||
@media (max-width: map-get($grid-breakpoints, "lg")) {
|
||||
padding-top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.help-box {
|
||||
padding-left: 22px;
|
||||
margin-top: 0px;
|
||||
|
||||
@media (max-width: map-get($grid-breakpoints, "lg")) {
|
||||
padding-left: 26px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.frappe-card {
|
||||
|
|
|
|||
|
|
@ -186,6 +186,7 @@
|
|||
.avatar {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.frappe-control {
|
||||
padding-right: 0;
|
||||
|
|
|
|||
|
|
@ -419,8 +419,8 @@ kbd {
|
|||
background-color: var(--control-bg);
|
||||
font-family: var(--font-stack);
|
||||
color: var(--text-light);
|
||||
line-height: 1.2em;
|
||||
letter-spacing: 0.02em;
|
||||
line-height: 0.9em;
|
||||
letter-spacing: 0.06em;
|
||||
height: 20px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,8 +15,8 @@ kbd {
|
|||
background-color: var(--control-bg);
|
||||
font-family: var(--font-stack);
|
||||
color: var(--text-light);
|
||||
line-height: 1.2em;
|
||||
letter-spacing: 0.02em;
|
||||
line-height: 0.9em;
|
||||
letter-spacing: 0.06em;
|
||||
height: 20px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue