Skip to content

Commit fc33c42

Browse files
nilmergnilmerg
committed
Version v0.12.0
1 parent 7610682 commit fc33c42

File tree

579 files changed

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

579 files changed

+408908
-0
lines changed

‎VERSION

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

‎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

+148
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,148 @@
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+
color: @color;
68+
}
69+
70+
.ball-solid(@color) {
71+
background-color: @color;
72+
color: var(--default-text-color-inverted, @default-text-color-inverted);
73+
padding: @ball-pad;
74+
}
75+
76+
.state-ball {
77+
.ball();
78+
79+
&.state-pending:not(.ball-size-l):not(.ball-size-xl) {
80+
.ball-solid(var(--state-pending, @state-pending));
81+
}
82+
83+
&.state-pending.ball-size-l,
84+
&.state-pending.ball-size-xl {
85+
.ball-outline(var(--state-pending, @state-pending));
86+
}
87+
88+
&.state-up:not(.ball-size-l):not(.ball-size-xl) {
89+
.ball-solid(var(--state-up, @state-up));
90+
}
91+
92+
&.state-up.ball-size-l,
93+
&.state-up.ball-size-xl {
94+
.ball-outline(var(--state-up, @state-up));
95+
}
96+
97+
&.state-down {
98+
.ball-solid(var(--state-down, @state-down));
99+
}
100+
101+
&.state-ok:not(.ball-size-l):not(.ball-size-xl) {
102+
.ball-solid(var(--state-ok, @state-ok));
103+
}
104+
105+
&.state-ok.ball-size-l,
106+
&.state-ok.ball-size-xl {
107+
.ball-outline(var(--state-ok, @state-ok));
108+
}
109+
110+
&.state-warning {
111+
.ball-solid(var(--state-warning, @state-warning));
112+
}
113+
114+
&.state-critical {
115+
.ball-solid(var(--state-critical, @state-critical));
116+
}
117+
118+
&.state-unknown {
119+
.ball-solid(var(--state-unknown, @state-unknown));
120+
}
121+
122+
&.handled {
123+
opacity: 0.6;
124+
}
125+
126+
i {
127+
text-align: center;
128+
display: block;
129+
130+
&:before {
131+
margin-right: 0;
132+
}
133+
}
134+
135+
// Specific icon styles
136+
&.ball-size-l i {
137+
&.fa-sitemap:before {
138+
font-size: 8px; // px to ignore browser min font-size
139+
}
140+
}
141+
142+
&.ball-size-xl i {
143+
&.fa-sitemap:before {
144+
font-size: .857em;
145+
line-height: (2 - @ball-pad * 2) / .857;
146+
}
147+
}
148+
}

‎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

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
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+
width: auto;
78+
79+
input[type="text"] {
80+
flex: unset;
81+
width: 100%;
82+
}
83+
}
84+
}

0 commit comments

Comments
 (0)