ashpie
/
swaf-boilerplate
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix inline controls styling

This commit is contained in:
Alice Gaudon 2020-09-15 16:32:02 +02:00
parent 7664d36848
commit a3a19da038
1 changed files with 21 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
assets/sass/layout.scss
View File

@ -450,32 +450,38 @@ form {
height: calc(32px + 8px + 32px);
}
&.inline .control {
&.inline {
display: flex;
flex-direction: row;
align-items: center;
input[type=checkbox] {
width: min-content;
height: min-content;
margin: 8px;
text-align: left;
.control {
display: flex;
flex-direction: row;
align-items: center;
flex-grow: 1;
& ~ label {
position: static;
flex-grow: 1;
display: inline;
padding: 8px;
font-size: 16px;
input[type=checkbox] {
width: min-content;
height: min-content;
margin: 8px;
text-align: left;
& ~ label {
position: static;
flex-grow: 1;
display: inline;
padding: 8px;
font-size: 16px;
text-align: left;
}
}
}
}
.input-group {
display: flex;
flex-shrink: 1;
flex-grow: 1;
flex-direction: row;
div {
@ -484,19 +490,9 @@ form {
input {
width: 100%;
margin-top: 24px;
padding-top: 8px;
border: 0;
background: transparent;
}
> input + * {
position: absolute;
top: 32px;
right: 28px;
user-select: none;
text-align: right;
}
}
}
}