Skip to content

Commit a7944e4

Browse files
nilmergnilmerg
committed
Version v0.14.2
1 parent ca92d8e commit a7944e4

File tree

807 files changed

+461362
-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.

807 files changed

+461362
-0
lines changed

‎VERSION

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
v0.14.2

‎asset/css/awesome-icons.less

+35
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

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

‎asset/css/cancel-button.less

+34
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

+88
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
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+
}

0 commit comments

Comments
 (0)