48 lines
1.1 KiB
CSS
48 lines
1.1 KiB
CSS
/* Native work-command fields share the existing input theme, with local form layout. */
|
|
.appointment-native-form {
|
|
min-width: 0;
|
|
}
|
|
|
|
.appointment-native-form > fieldset {
|
|
display: grid;
|
|
min-width: 0;
|
|
gap: var(--admin-space-5);
|
|
margin: var(--admin-space-3) 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.appointment-native-form > fieldset > .el-button { justify-self: start; }
|
|
|
|
.appointment-native-form label:has(> :is(input, select, textarea, .el-date-editor)) {
|
|
display: grid;
|
|
min-width: 0;
|
|
gap: var(--admin-space-2);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.appointment-native-form label > :is(.workbench-input, .el-date-editor) {
|
|
width: 100%;
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.appointment-native-form label > textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
.appointment-native-form label:has(> input[type='checkbox']) {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.appointment-native-form .appointment-form-actions {
|
|
position: sticky;
|
|
z-index: 1;
|
|
bottom: 0;
|
|
padding-block: var(--admin-space-3);
|
|
border-top: 1px solid var(--workbench-border);
|
|
background: var(--workbench-surface);
|
|
}
|