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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
|
@use "../lib/table.css";
@use "../lib/journal.css";
@use "./system-global.scss";
@use "global-variables.scss";
@use "@patternfly/patternfly/utilities/Flex/flex.scss";
// https://github.com/patternfly/patternfly-react/issues/5993
.pf-v6-c-popover.pf-m-width-auto {
--pf-v6-c-popover--MaxWidth: min(300px, 90%);
}
.journal-filters {
grid-template-rows: auto 1fr;
.cockpit-log-panel {
border: none;
}
.pf-v6-c-page__main {
// Constrain page to viewport height, so journal can overflow
max-block-size: 100vh;
}
// Static width for the service selector as it likes to resize a lot while loading
.journal-filters-identifier-menu ul.pf-v6-c-select__menu {
inline-size: 10rem;
}
// Long names without spaces do not wrap; triggers overflow and overlaps with check icon
.journal-filters-identifier-menu .pf-v6-c-select__menu-item {
white-space: normal;
}
// PatternFly added align-self oddly; this shouldn't be used in general, except for one-offs. It caused a rendering issue on the way we use the toolbar components in the logs page.
.pf-v6-c-toolbar .pf-v6-c-toolbar__item {
align-self: unset;
}
}
.log-details {
.pf-v6-l-gallery {
--pf-v6-l-gallery--GridTemplateColumns: 1fr;
}
.pf-v6-c-page__main-breadcrumb {
padding: var(--pf-t--global--spacer--md);
}
.pf-v6-c-card__title,
.multiline {
word-break: break-all;
white-space: pre-wrap !important;
}
.multiline {
font-family: monospace, monospace;
}
.pf-v6-l-split {
padding-block-end: var(--pf-t--global--spacer--md);
align-items: center;
}
.pf-v6-c-description-list {
--pf-v6-c-description-list--m-horizontal__term--width: 25ch;
}
// For abrt log details: add some gutter between the tabs and their content
.pf-v6-c-tab-content > .pf-v6-c-description-list {
padding-block-start: var(--pf-t--global--spacer--md);
}
.table-hide-labels {
[data-label] {
display: revert;
}
[data-label]::before {
display: none;
}
}
// Let the description list set the color, not the wrapper accordion component
.pf-v6-c-accordion__expanded-content {
color: unset;
}
}
.journal-filters-box {
flex: auto;
.panel-heading {
position: sticky;
inset-block-start: 0;
color: var(--pf-t--global--text--color--regular);
background-color: var(--pf-t--global--background--color--primary--default);
border: none;
font-size: var(--pf-t--global--font--size--heading--h2);
font-family: var(--pf-t--global--font--family--heading);
font-weight: var(--pf-t--global--font--weight--heading--default);
padding-block: var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--sm);
padding-inline: var(--pf-t--global--spacer--lg);
font-variant: none; /* Don't use tabular styling */
}
}
.pf-v6-theme-dark {
.journal-filters-box .panel-heading {
color: var(--pf-t--global--text--color--subtle);
}
}
/* Set min width for services in the journal view */
.journal-filters .cockpit-logline {
--log-service-min: 8rem;
}
.pf-v6-c-toolbar {
// Make toolbar stretch to all the available space and wrap up to two lines
.pf-v6-c-toolbar__group:nth-child(3) {
flex-grow: 1;
}
// Make text filter stretch to all the available space
.pf-v6-c-toolbar__item.text-search, .journal-filters-grep {
flex-grow: 1;
}
.text-help {
padding-inline-start: var(--pf-t--global--spacer--xs);
}
// Hide filters from advanced search dropdown entries which already exist in the toolbar
.journal-filters-grep .pf-v6-c-panel__main-body {
.pf-v6-c-form__group:nth-child(5), .pf-v6-c-form__group:nth-child(6) {
display: none;
}
}
.pf-v6-c-toolbar__expandable-content.pf-m-expanded .pf-v6-c-divider {
display: none;
}
// FIXME: When porting the selects to the PF5 select implementation drop this
.pf-v6-c-toolbar__item {
align-self: center;
}
}
.log-text-filter-popover-button {
padding: unset;
padding-inline-start: var(--pf-t--global--spacer--sm);
svg {
color: var(--pf-t--global--icon--color--regular);
}
}
|
