update stylin

This commit is contained in:
2018-09-18 18:10:27 +02:00
parent 9b3aa0a91b
commit 64e9a33971
2 changed files with 10 additions and 2 deletions

View File

@@ -11079,7 +11079,7 @@ class Form extends __WEBPACK_IMPORTED_MODULE_1__core_Component__["a" /* default
formRowTpl(data) { formRowTpl(data) {
return ` return `
<div class="form-row"> <div class="form-row wrapped">
<label for="${data.name}">${data.label}</label> <label for="${data.name}">${data.label}</label>
<input type="${data.fieldType}" name="${data.name}" id="${data.name}" value="${data.value}"><br> <input type="${data.fieldType}" name="${data.name}" id="${data.name}" value="${data.value}"><br>
</div> </div>

View File

@@ -235,6 +235,14 @@ form .form-row input[type="checkbox"] {
flex: 3; flex: 3;
} }
} }
@media screen and (max-width: 460px) {
form .form-row.wrapped {
display: block;
}
form .form-row.wrapped * {
display: block;
}
}
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
form .form-row > input, form .form-row > input,
form .form-row > span { form .form-row > span {
@@ -249,7 +257,7 @@ form .form-row input[type="checkbox"] {
} }
.sui input[type="text"], .sui input[type="text"],
.sui input[type="password"] { .sui input[type="password"] {
height: 16px; height: 32px;
background: transparent; background: transparent;
border: none; border: none;
color: #eeeeee; color: #eeeeee;