Improve SUPANN attributes CSS

This commit is contained in:
Benjamin Renard 2021-06-11 17:58:31 +02:00
parent 107d8ba0af
commit bc652f81f8
2 changed files with 21 additions and 6 deletions

View file

@ -12,14 +12,23 @@ ul.LSformElement_supannCompositeAttribute p {
}
ul.LSformElement_supannCompositeAttribute p label {
display: inline-block;
height: 100%;
vertical-align: top;
width: 11rem;
font-weight: bold;
}
ul.LSformElement_supannCompositeAttribute p span {
vertical-align: bottom;
}
input.LSformElement_supannCompositeAttribute_search {
border: 1px solid #CCC;
width: 200px;
background: url('../image/find') no-repeat scroll 0% 0% #FFF !important;
padding-left: 18px;
margin-left: 11rem;
}
div.supannCompositeAttribute_possibleValues ul {
@ -28,6 +37,7 @@ div.supannCompositeAttribute_possibleValues ul {
margin: 0;
border: 1px solid #CCC;
border-collapse: collapse;
margin-left: 11rem;
}
div.supannCompositeAttribute_possibleValues li {

View file

@ -198,7 +198,7 @@ td.LSobject-list, tr.LSobject-list, table.LStable tbody td, table.LStable th {
padding: 2px;
}
.LSform input[type=text], .LSform input[type=password], .LSform select, .LSform textarea, ul.LSformElement_text_autocomplete, ul.LSformElement_select_object_edit, div.LSformElement_wysiwyg_container, ul.LSformElement_jsonCompositeAttribute:not(.LSformElement_jsonCompositeAttribute_fullWidth), dd.LSform-errors, input.LSformElement_supannLabeledValue_search {
.LSform input[type=text], .LSform input[type=password], .LSform select, .LSform textarea, ul.LSformElement_text_autocomplete, ul.LSformElement_select_object_edit, div.LSformElement_wysiwyg_container, ul.LSformElement_jsonCompositeAttribute:not(.LSformElement_jsonCompositeAttribute_fullWidth), ul.LSformElement_supannCompositeAttribute, dd.LSform-errors, input.LSformElement_supannLabeledValue_search, ul.LSformElement_supannLabeledValue {
width: 32vw;
}
@ -206,8 +206,8 @@ td.LSobject-list, tr.LSobject-list, table.LStable tbody td, table.LStable th {
width: auto;
}
ul.LSformElement_jsonCompositeAttribute div label {
width: 10rem;
ul.LSformElement_jsonCompositeAttribute div label, ul.LSformElement_supannCompositeAttribute p label {
width: 11rem;
}
ul.LSformElement_jsonCompositeAttribute_fullWidth div label {
width: 16rem;
@ -222,8 +222,13 @@ td.LSobject-list, tr.LSobject-list, table.LStable tbody td, table.LStable th {
width: 100%;
}
ul.LSformElement_jsonCompositeAttribute:not(.LSformElement_jsonCompositeAttribute_fullWidth) div input[type=text], ul.LSformElement_jsonCompositeAttribute:not(.LSformElement_jsonCompositeAttribute_fullWidth) div select {
width: calc(32vw - 10rem - 16px);
ul.LSformElement_jsonCompositeAttribute:not(.LSformElement_jsonCompositeAttribute_fullWidth) div input[type=text], ul.LSformElement_jsonCompositeAttribute:not(.LSformElement_jsonCompositeAttribute_fullWidth) div select, ul.LSformElement_supannCompositeAttribute p input[type=text], ul.LSformElement_supannCompositeAttribute p select {
width: calc(32vw - 11rem - 16px);
}
/* LSformElement_supannCompositeAttribute - Make date input smaller to leave space for buttons */
ul.LSformElement_supannCompositeAttribute p input[type=text].LSformElement_date {
width: calc(32vw - 11rem - 16px - 40px);
}
.LSform select.LSformElement_labeledValue {
@ -235,7 +240,7 @@ td.LSobject-list, tr.LSobject-list, table.LStable tbody td, table.LStable th {
}
.LSform select.LSformElement_supannLabeledValue_label, .LSform input.LSformElement_supannLabeledValue_label {
width: 6em;
width: 10rem;
}
.LSform input.LSformElement_supannLabeledValue_value, textarea.LSformElement_supannLabeledValue_value {