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

20
assets/sass/layout.scss
View File

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