1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
@import "_global-variables.scss";
@import "../system-global.scss";
@import "@patternfly/patternfly/components/Toolbar/toolbar.scss";
@import "./timer.scss";
@import "../../lib/table.css";
/* There is too much padding between the Nav and the Toolbar */
.pf-c-page__main-section:first-of-type {
padding-bottom: 0;
}
.service-unit-failed {
background-color: var(--ct-color-list-critical-bg);
.service-unit-status {
color: var(--ct-color-list-critical-alert-text);
}
}
.service-unit-description {
font-weight: bold;
}
.service-unit-status-failed {
color: red;
}
.service-unit-status {
white-space: nowrap;
min-width: 5rem;
}
.service-unit-file-state {
min-width: 5rem;
font-size: var(--pf-global--FontSize--sm);
}
.service-unit-file-state:not(.pf-c-badge) {
text-align: center;
opacity: 0.8;
}
.pf-c-data-list__item-action {
align-items: baseline;
}
@media screen and (min-width: $pf-global--breakpoint--lg) {
.pf-c-data-list__item-action {
min-width: 14rem;
flex-direction: row;
justify-content: flex-end;
flex-wrap: nowrap;
}
}
// Add some spacing between the tab label and the icon
.pf-c-nav__link > .fa {
margin-left: 0.5rem;
}
.pf-c-page__main-nav {
padding-bottom: 1rem;
}
// Add some spacing between the icon and the status string in the list
.service-unit-status-failed > .fa {
margin-right: 0.5rem;
}
@media screen and (max-width: $pf-global--breakpoint--xl) {
.service-unit-id {
// Adjust padding, so things better align in mobile mode
padding-bottom: 0.875rem;
}
}
.service-unit-id {
// Make service IDs look like links
color: var(--pf-global--link--Color);
}
.pf-c-data-list__item:focus,
.pf-c-data-list__item-content:hover {
.service-unit-id {
// Darken & underline ID "link" when item is focused or content is hovered
color: var(--pf-global--link--Color--hover);
text-decoration: underline;
}
}
|
