tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 09:05:45 +00:00
Code Issues Projects Releases Wiki Activity

FIX: Make form fields flex

Browse Source
This commit is contained in:
Tony Air 2020-06-29 18:45:42 +07:00
parent 7fe2ae2e3a
commit 73c1eb27bc
2 changed files with 27 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/scss/_components/_ui.form.basics.scss
View File

@ -21,7 +21,7 @@ input.time {
font-variant: normal; font-variant: normal;
text-rendering: auto; text-rendering: auto;
line-height: 1; line-height: 1;
font-family: Font Awesome\5 Free; font-family: Font awesome\5 Free;
font-weight: 900; font-weight: 900;
} }
@ -45,10 +45,6 @@ input.time {
margin-top: 1rem; margin-top: 1rem;
} }
.field {
display: flex;
}
.form-control { .form-control {
width: 100%; width: 100%;
} }

26
src/scss/_components/_ui.main.scss
View File

@ -125,12 +125,29 @@ textarea,
} }
.field { .field {
display: flex;
flex-wrap: wrap;
position: relative; position: relative;
margin: $field-gutter-height 0; margin: $field-gutter-height 0;
&.collapse {
display: none;
&.show {
display: flex;
}
}
&.composite { &.composite {
display: block;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
&.collapse {
display: none;
&.show {
display: block;
}
}
} }
&.required { &.required {
@ -157,7 +174,16 @@ textarea,
color: $red; color: $red;
} }
} }
.left {
flex: 1 1 20%;
}
.middleColumn {
flex: 1 1 80%;
}
.right {
}
.bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) { .bootstrap-select:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
width: 100%; width: 100%;
} }