Skip to content

Commit ce55e29

Browse files
nilmergnilmerg
committed
Version v0.16.0
1 parent 84c91fb commit ce55e29

File tree

818 files changed

+461555
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

818 files changed

+461555
-0
lines changed

‎VERSION

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
v0.16.0

‎asset/css/awesome-icons.less

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
:root, :host {
2+
--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
3+
--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
4+
}
5+
6+
@font-face {
7+
font-family: 'Font Awesome 6 Free';
8+
font-style: normal;
9+
font-weight: 400;
10+
font-display: block;
11+
src: url('@{iplWebAssets}/font/awesome/fa-regular-400.woff2') format('woff2'),
12+
url('@{iplWebAssets}/font/awesome/fa-regular-400.ttf') format('truetype');
13+
}
14+
15+
.far,
16+
.fa-regular {
17+
font-family: 'Font Awesome 6 Free';
18+
font-weight: 400;
19+
}
20+
21+
@font-face {
22+
font-family: 'Font Awesome 6 Free';
23+
font-style: normal;
24+
font-weight: 900;
25+
font-display: block;
26+
src: url('@{iplWebAssets}/font/awesome/fa-solid-900.woff2') format('woff2'),
27+
url('@{iplWebAssets}/font/awesome/fa-solid-900.ttf') format('truetype');
28+
}
29+
30+
.fa,
31+
.fas,
32+
.fa-solid {
33+
font-family: 'Font Awesome 6 Free';
34+
font-weight: 900;
35+
}

‎asset/css/balls.less

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
@ball-pad: 1/6em;
2+
3+
.ball {
4+
border-radius: 50%;
5+
display: inline-flex;
6+
align-items: center;
7+
justify-content: center;
8+
}
9+
10+
.ball-size-xs {
11+
height: 1/3em;
12+
width: 1/3em;
13+
14+
i.icon, span {
15+
display: none;
16+
}
17+
}
18+
19+
.ball-size-s {
20+
height: 0.5em;
21+
width: 0.5em;
22+
23+
i.icon, span {
24+
display: none;
25+
}
26+
}
27+
28+
.ball-size-m {
29+
height: 0.75em;
30+
width: 0.75em;
31+
line-height: 0;
32+
33+
i.icon:before {
34+
font-size: .75 - @ball-pad * 2;
35+
line-height: 1em;
36+
}
37+
38+
span {
39+
display: none;
40+
}
41+
}
42+
43+
.ball-size-ml {
44+
height: 1em;
45+
width: 1em;
46+
line-height: 0;
47+
48+
i.icon {
49+
line-height: 0.3;
50+
51+
&:before {
52+
font-size: 0.8 - @ball-pad * 2;
53+
line-height: 1 - @ball-pad * 2;
54+
}
55+
}
56+
57+
span {
58+
display: none;
59+
}
60+
}
61+
62+
.ball-size-l {
63+
height: 1.5em;
64+
width: 1.5em;
65+
line-height: 1em;
66+
67+
i.icon:before, span {
68+
font-size: 1 - @ball-pad * 2;
69+
line-height: 1.5 - @ball-pad * 2;
70+
}
71+
}
72+
73+
.ball-size-xl {
74+
width: 2em;
75+
height: 2em;
76+
77+
i.icon:before, span {
78+
line-height: 2 - @ball-pad * 2;
79+
}
80+
}
81+
82+
.ball-outline(@color) {
83+
border: @ball-pad solid @color;
84+
}
85+
86+
.ball-solid(@color) {
87+
background-color: @color;
88+
color: var(--default-text-color-inverted, @default-text-color-inverted);
89+
padding: @ball-pad;
90+
}
91+
92+
.state-ball {
93+
.ball();
94+
95+
&.state-pending:not(.ball-size-l):not(.ball-size-xl) {
96+
.ball-solid(var(--state-pending, @state-pending));
97+
}
98+
99+
&.state-pending.ball-size-l,
100+
&.state-pending.ball-size-xl {
101+
.ball-outline(var(--state-pending, @state-pending));
102+
}
103+
104+
&.state-up:not(.ball-size-l):not(.ball-size-xl) {
105+
.ball-solid(var(--state-up, @state-up));
106+
}
107+
108+
&.state-up.ball-size-l,
109+
&.state-up.ball-size-xl {
110+
.ball-outline(var(--state-up, @state-up));
111+
}
112+
113+
&.state-down {
114+
.ball-solid(var(--state-down, @state-down));
115+
}
116+
117+
&.state-ok:not(.ball-size-l):not(.ball-size-xl) {
118+
.ball-solid(var(--state-ok, @state-ok));
119+
}
120+
121+
&.state-ok.ball-size-l,
122+
&.state-ok.ball-size-xl {
123+
.ball-outline(var(--state-ok, @state-ok));
124+
}
125+
126+
&.state-warning {
127+
.ball-solid(var(--state-warning, @state-warning));
128+
}
129+
130+
&.state-critical {
131+
.ball-solid(var(--state-critical, @state-critical));
132+
}
133+
134+
&.state-unknown {
135+
.ball-solid(var(--state-unknown, @state-unknown));
136+
}
137+
138+
&.handled {
139+
opacity: 0.6;
140+
}
141+
142+
i.icon {
143+
text-align: center;
144+
145+
&::before {
146+
margin-right: 0;
147+
}
148+
}
149+
150+
// Specific icon styles
151+
&.ball-size-l i {
152+
&.fa-sitemap:before {
153+
font-size: 8px; // px to ignore browser min font-size
154+
}
155+
}
156+
157+
&.ball-size-xl i {
158+
&.fa-sitemap:before {
159+
font-size: .857em;
160+
line-height: (2 - @ball-pad * 2) / .857;
161+
}
162+
}
163+
}

‎asset/css/cancel-button.less

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
.cancel-button {
2+
display: inline-flex;
3+
align-items: baseline;
4+
padding: .5em 1em;
5+
6+
.appearance(none);
7+
.rounded-corners();
8+
line-height: normal;
9+
cursor: pointer;
10+
11+
background: var(--cancel-button-bg, @cancel-button-bg);
12+
border: 1px solid var(--cancel-button-border-color, @cancel-button-border-color);
13+
color: var(--cancel-button-color, @cancel-button-color);
14+
15+
&:focus,
16+
&:hover {
17+
background-color: var(--cancel-button-hover-bg, @cancel-button-hover-bg);
18+
color: var(--cancel-button-hover-color, @cancel-button-hover-color);
19+
}
20+
21+
&[disabled] {
22+
background: none;
23+
cursor: default;
24+
25+
border: 1px solid var(--control-disabled-color, @control-disabled-color);
26+
color: var(--control-disabled-color, @control-disabled-color);
27+
28+
&:focus,
29+
&:hover {
30+
background: none;
31+
color: var(--control-disabled-color, @control-disabled-color);
32+
}
33+
}
34+
}

‎asset/css/compat.less

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
// General input styles
2+
3+
.icinga-controls {
4+
.uploaded-files {
5+
background-color: @default-input-bg;
6+
}
7+
}
8+
9+
form.icinga-form {
10+
.uploaded-files {
11+
flex: 1 1 auto;
12+
width: 0;
13+
}
14+
}
15+
16+
.icinga-controls {
17+
.uploaded-files {
18+
font-size: inherit;
19+
padding: .5em;
20+
}
21+
}
22+
23+
// Button styles
24+
25+
// The `form` selector is only required to overrule the hover effect applied by Icinga Web.
26+
// It's not required if done by Icinga Web itself, only here because this is applied earlier
27+
// as it's part of a library.
28+
form.icinga-controls {
29+
button[type="submit"].remove-uploaded-file {
30+
all: unset;
31+
}
32+
}
33+
34+
// Schedule Element styles
35+
36+
.icinga-form > .schedule-element,
37+
.icinga-form > .schedule-element > fieldset {
38+
margin-top: 1em;
39+
40+
> .control-group:first-child {
41+
margin-top: 0;
42+
}
43+
}
44+
45+
.icinga-form .schedule-element {
46+
.control-group > fieldset > .weekly,
47+
.control-group > .ordinal,
48+
.control-group > .monthly,
49+
.control-group > .annually {
50+
flex: 1 1 auto;
51+
}
52+
53+
// TODO: This effectively restricts the weekly fields to always be aligned to the right,
54+
// regardless of the using an icinga-form or not. So this should be removed once we
55+
// have re-implemented the decorators.
56+
.control-group > fieldset > .weekly {
57+
margin-left: 14em;
58+
}
59+
}
60+
61+
form.icinga-form .control-group {
62+
> .monthly,
63+
> .ordinal {
64+
margin-right: 2em;
65+
}
66+
67+
> .ordinal.annually {
68+
margin-right: 1em;
69+
}
70+
}
71+
72+
// TermInput styles
73+
74+
form.icinga-form .control-group {
75+
> .term-input-area {
76+
flex: 1 1 auto;
77+
78+
width: auto;
79+
&.vertical {
80+
width: 0;
81+
}
82+
83+
input[type="text"] {
84+
flex: unset;
85+
width: 100%;
86+
}
87+
}
88+
}
89+
90+
.module-icingadb {
91+
// Icinga DB Web (legacy) table header layout (e.g. in group details)
92+
> .controls {
93+
> .table-row {
94+
display: flex;
95+
gap: .5em;
96+
97+
> .col.title {
98+
margin-right: auto;
99+
}
100+
}
101+
}
102+
103+
// Icinga DB Web (legacy) object grid layout
104+
> .content > .item-table.group-grid:has(.col.title) {
105+
grid-template-columns: repeat(auto-fit, 15em) !important;
106+
107+
> .group-grid-cell {
108+
display: revert;
109+
110+
&::before, &::after {
111+
display: none !important;
112+
}
113+
114+
> .col.title {
115+
border: none;
116+
117+
> .column-content {
118+
overflow: hidden;
119+
120+
> * {
121+
.text-ellipsis();
122+
}
123+
}
124+
}
125+
}
126+
}
127+
}

0 commit comments

Comments
 (0)