@itrocks/edit
Version:
Generic action-based object edit form in HTML and JSON
33 lines (32 loc) • 865 B
CSS
form[data-action=edit] ul.object.properties > li > input {
border: 1px solid #ddd;
}
form[data-action=edit] ul.object.properties > li > input[type=checkbox] {
margin: 8px 0;
}
form[data-action=edit] ul.object.properties > li > ul {
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
gap: 3px;
padding: 3px;
}
form[data-action=edit] ul.object.properties > li > ul > li > input {
padding-bottom: 2px;
padding-top: 2px;
}
form[data-action=edit] ul.object.properties > li > ul[data-multiple-contained-auto-width] > li {
box-sizing: border-box;
padding: 3px 8px;
position: relative;
white-space: pre;
}
form[data-action=edit] ul.object.properties > li > ul[data-multiple-contained-auto-width] > li > input {
box-sizing: border-box;
left: 0;
position: absolute;
top: 0;
width: 100%;
}