Skip to content

Commit ede13be

Browse files
nilmergnilmerg
committed
Version v0.9.1
1 parent 5f5afe1 commit ede13be

File tree

313 files changed

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

313 files changed

+127903
-0
lines changed

‎VERSION‎

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

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

‎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/controls.less‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
.pagination-control {
2+
li > a {
3+
color: var(--control-color, @control-color);
4+
border-radius: .25em;
5+
}
6+
7+
li > a:hover {
8+
background: var(--control-hover-bg, @control-hover-bg);
9+
}
10+
11+
.previous-page,
12+
.next-page {
13+
padding: .5em .25em;
14+
15+
i {
16+
display: block;
17+
}
18+
19+
i:before {
20+
margin: 0;
21+
}
22+
}
23+
24+
.previous-page > i {
25+
margin-left: -.125em;
26+
}
27+
28+
.next-page > i {
29+
margin-right: -.125em;
30+
}
31+
}
32+
33+
// Style
34+
35+
.control-button {
36+
.appearance(none);
37+
background: none;
38+
border: none;
39+
color: var(--control-color, @control-color);
40+
.rounded-corners();
41+
42+
&:hover, &:focus, &.active {
43+
background-color: var(--control-hover-bg, @control-hover-bg);
44+
text-decoration: none;
45+
}
46+
47+
&.disabled {
48+
color: var(--control-disabled-color, @control-disabled-color);
49+
50+
&:hover {
51+
background: none;
52+
}
53+
}
54+
55+
i.icon:before {
56+
color: inherit;
57+
}
58+
}
59+
60+
// Layout
61+
62+
.control-button {
63+
display: inline-block;
64+
padding: .25em .5em;
65+
66+
> i.icon {
67+
display: inline-flex;
68+
align-items: center;
69+
height: 100%;
70+
}
71+
72+
i.icon:before {
73+
margin-right: 0;
74+
}
75+
}
76+

‎asset/css/datetime-picker.less‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.flatpickr-input + .input {
2+
padding-right: 2em;
3+
4+
& + .fa-calendar {
5+
margin: .5em 1em 0 -3.5em;
6+
padding: 0 .5em 0 1em;
7+
pointer-events: none;
8+
}
9+
}

0 commit comments

Comments
 (0)