117 lines
No EOL
2.7 KiB
Text
117 lines
No EOL
2.7 KiB
Text
:root {
|
|
--input-border: #ddd;
|
|
--input-border-hover: #aaa;
|
|
--input-background-focus: #f6f6f6;
|
|
--input-focus-color: #3484A1;
|
|
--required-color: #de2828;
|
|
--transition-time: 0.2s;
|
|
}
|
|
|
|
/* reset input border*/
|
|
.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 {
|
|
row-gap: 20px;
|
|
column-gap: 30px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
/* label */
|
|
.imixs-form-section-flex dl:focus-within dt {
|
|
color: var(--input-focus-color) !important;
|
|
transition: var(--input-focus-color) 0.2s;
|
|
}
|
|
|
|
.imixs-form-section-flex dl:focus-within dd {
|
|
color: var(--input-focus-color) !important;
|
|
transition: var(--input-focus-color) 0.2s;
|
|
border-bottom: 1px solid var(--input-focus-color) !important;
|
|
background-color: var(--input-background-focus) !important;
|
|
}
|
|
|
|
.imixs-form-section-flex dl:focus-within dd:focus {
|
|
outline: none !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
border-bottom: 1px solid var(--input-focus-color) !important;
|
|
}
|
|
|
|
/* disable input borders */
|
|
.imixs-form-section-flex input:focus,
|
|
.imixs-form-section-flex textarea:focus,
|
|
.imixs-form-section-flex select:focus {
|
|
outline: none !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
dl .imixs-required {
|
|
color: var(--required-color) !important;
|
|
}
|
|
|
|
dl:focus-within .imixs-required {
|
|
color: var(--required-color) !important;
|
|
}
|
|
|
|
dl .imixs-llm, dl .imixs-date.imixs-llm {
|
|
border: none !important;
|
|
border-bottom: 1px solid var(--input-border) !important;
|
|
}
|
|
|
|
dl .marty-userinput, dl .marty-userinput:focus {
|
|
background-position: 100% 50%;
|
|
padding-left: 0.25rem !important;
|
|
}
|
|
|
|
dd .imixs-date {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
dd .workitemlinktable td {
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
|
|
|
|
/* Anpassung für 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); /* Höhe minus Padding */
|
|
}
|
|
|
|
.imixs-form-section-flex dl.imixs-readonly dd:hover {
|
|
border-bottom: 1px solid var(--input-border) !important;
|
|
background-color: #f9f9f9 !important;
|
|
} |