mirror of
https://github.com/Icinga/icinga-php-library.git
synced 2025-10-25 01:03:56 +02:00
150 lines
2.7 KiB
Plaintext
150 lines
2.7 KiB
Plaintext
// General input styles
|
|
|
|
.icinga-controls {
|
|
.uploaded-files {
|
|
background-color: var(--default-input-bg, @default-input-bg);
|
|
}
|
|
}
|
|
|
|
// Icinga Web < 2.13
|
|
.button-link[aria-disabled="true"]:hover {
|
|
background: none;
|
|
}
|
|
|
|
form.icinga-form {
|
|
.uploaded-files {
|
|
flex: 1 1 auto;
|
|
width: 0;
|
|
}
|
|
}
|
|
|
|
.icinga-controls {
|
|
.uploaded-files {
|
|
font-size: inherit;
|
|
padding: .5em;
|
|
}
|
|
}
|
|
|
|
.icinga-controls {
|
|
.required-hint {
|
|
font-weight: bold;
|
|
color: var(--default-text-color-light, @default-text-color-light);
|
|
}
|
|
}
|
|
|
|
|
|
// Button styles
|
|
|
|
// The `form` selector is only required to overrule the hover effect applied by Icinga Web.
|
|
// It's not required if done by Icinga Web itself, only here because this is applied earlier
|
|
// as it's part of a library.
|
|
form.icinga-controls {
|
|
button[type="submit"].remove-uploaded-file {
|
|
all: unset;
|
|
}
|
|
}
|
|
|
|
// Schedule Element styles
|
|
|
|
.icinga-form > .schedule-element,
|
|
.icinga-form > .schedule-element > fieldset {
|
|
margin-top: 1em;
|
|
|
|
> .control-group:first-child {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
.icinga-form .schedule-element {
|
|
.control-group > fieldset > .weekly,
|
|
.control-group > .ordinal,
|
|
.control-group > .monthly,
|
|
.control-group > .annually {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
// TODO: This effectively restricts the weekly fields to always be aligned to the right,
|
|
// regardless of the using an icinga-form or not. So this should be removed once we
|
|
// have re-implemented the decorators.
|
|
.control-group > fieldset > .weekly {
|
|
margin-left: 14em;
|
|
}
|
|
}
|
|
|
|
form.icinga-form .control-group {
|
|
> .monthly,
|
|
> .ordinal {
|
|
margin-right: 2em;
|
|
}
|
|
|
|
> .ordinal.annually {
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
|
|
// TermInput styles
|
|
|
|
form.icinga-form .control-group {
|
|
> .term-input-area {
|
|
flex: 1 1 auto;
|
|
|
|
width: auto;
|
|
&.vertical {
|
|
width: 0;
|
|
}
|
|
|
|
input[type="text"] {
|
|
flex: unset;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
// suggestion-element style
|
|
form.icinga-form .suggestion-element-group {
|
|
flex: 1 1 auto;
|
|
|
|
.suggestion-element {
|
|
border-radius: 0 0.25em 0.25em 0;
|
|
}
|
|
}
|
|
|
|
.module-icingadb {
|
|
// Icinga DB Web (legacy) table header layout (e.g. in group details)
|
|
> .controls {
|
|
> .table-row {
|
|
display: flex;
|
|
gap: .5em;
|
|
|
|
> .col.title {
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Icinga DB Web (legacy) object grid layout
|
|
> .content > .item-table.group-grid:has(.col.title) {
|
|
grid-template-columns: repeat(auto-fit, 15em) !important;
|
|
|
|
> .group-grid-cell {
|
|
display: revert;
|
|
|
|
&::before, &::after {
|
|
display: none !important;
|
|
}
|
|
|
|
> .col.title {
|
|
border: none;
|
|
|
|
> .column-content {
|
|
overflow: hidden;
|
|
|
|
> * {
|
|
.text-ellipsis();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|