109 lines
No EOL
2.5 KiB
CSS
109 lines
No EOL
2.5 KiB
CSS
/* New Layout
|
|
kann mit property new-layout=disabled abgeschaltet weden!
|
|
*/
|
|
:root {
|
|
--input-border: #ddd;
|
|
--input-border-hover: #aaa;
|
|
--input-background-focus: #f6f6f6;
|
|
--input-focus-color: #3484A1;
|
|
--required-color: #de2828;
|
|
--transition-time: 0.2s;
|
|
}
|
|
|
|
/* Layout */
|
|
.imixs-form-section-flex {
|
|
row-gap: 20px;
|
|
column-gap: 30px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* Input-Elemente */
|
|
.imixs-form-section-flex input,
|
|
.imixs-form-section-flex textarea,
|
|
.imixs-form-section-flex select {
|
|
padding: 0.25rem 0 0.25rem 0.25rem;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
transition: all var(--transition-time);
|
|
}
|
|
|
|
.imixs-form-section-flex input:focus,
|
|
.imixs-form-section-flex textarea:focus,
|
|
.imixs-form-section-flex select:focus {
|
|
outline: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Standard dd-Elemente */
|
|
.imixs-form-section-flex dd {
|
|
border: none;
|
|
min-height: 1.9rem;
|
|
border-bottom: 1px solid var(--input-border);
|
|
}
|
|
|
|
.imixs-form-section-flex dl dd:hover {
|
|
border-bottom: 1px solid var(--input-border-hover) !important;
|
|
background-color: var(--input-background-focus) !important;
|
|
}
|
|
|
|
/* Focus-States */
|
|
.imixs-form-section-flex dl:focus-within dt,
|
|
.imixs-form-section-flex dl:focus-within dd {
|
|
color: var(--input-focus-color) !important;
|
|
transition: color var(--transition-time);
|
|
}
|
|
|
|
.imixs-form-section-flex dl:focus-within dd {
|
|
border-bottom: 1px solid var(--input-focus-color) !important;
|
|
background-color: var(--input-background-focus) !important;
|
|
}
|
|
|
|
/* Spezielle Elemente */
|
|
.imixs-required,
|
|
dl:focus-within .imixs-required {
|
|
color: var(--required-color) !important;
|
|
}
|
|
|
|
.imixs-llm,
|
|
.imixs-date.imixs-llm {
|
|
border: none !important;
|
|
border-bottom: 1px solid var(--input-border) !important;
|
|
}
|
|
|
|
.marty-userinput,
|
|
.marty-userinput:focus {
|
|
background-position: 100% 50%;
|
|
padding-left: 0.25rem !important;
|
|
}
|
|
|
|
.imixs-date {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.workitemlinktable td {
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
/* Readonly-Felder */
|
|
.imixs-form-section-flex dl.imixs-readonly {
|
|
display: grid;
|
|
min-height: 1.9rem;
|
|
}
|
|
|
|
.imixs-form-section-flex dl.imixs-readonly dd {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0;
|
|
padding: 0.25rem 0 0.25rem 0.25rem;
|
|
font-size: 1.1em;
|
|
border-bottom: 1px solid var(--input-border);
|
|
background-color: #f9f9f9;
|
|
min-height: calc(1.9rem - 0.5rem);
|
|
}
|
|
|
|
.imixs-form-section-flex dl.imixs-readonly dd:hover {
|
|
border-bottom: 1px solid var(--input-border) !important;
|
|
background-color: #f9f9f9 !important;
|
|
} |