@patternfly/patternfly 6.0.0-alpha.175 → 6.0.0-alpha.176

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -134,9 +134,6 @@ $list: #{$pf-prefix} + 'c-list';
134
134
  // Login
135
135
  $login: #{$pf-prefix} + 'c-login';
136
136
 
137
- // Log Viewer
138
- $log-viewer: #{$pf-prefix} + 'c-log-viewer';
139
-
140
137
  // Masthead
141
138
  $masthead: #{$pf-prefix} + 'c-masthead';
142
139
 
@@ -1,176 +0,0 @@
1
- :where(:root, .pf-v6-c-log-viewer) {
2
- --pf-v6-c-log-viewer--Height: 100%;
3
- --pf-v6-c-log-viewer--MaxHeight: auto;
4
- --pf-v6-c-log-viewer--m-line-numbers__index--Display: inline;
5
- --pf-v6-c-log-viewer__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
6
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-t--global--border--width--box--default);
8
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
9
- --pf-v6-c-log-viewer__scroll-container--Height: 37.5rem;
10
- --pf-v6-c-log-viewer__scroll-container--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11
- --pf-v6-c-log-viewer__scroll-container--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12
- --pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockStart: 0;
13
- --pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockEnd: 0;
14
- --pf-v6-c-log-viewer--m-line-numbers__list--before--Width: var(--pf-t--global--border--width--divider--default);
15
- --pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
16
- --pf-v6-c-log-viewer__list--Height: auto;
17
- --pf-v6-c-log-viewer--m-line-numbers__list--InsetInlineStart: var(--pf-v6-c-log-viewer__index--Width);
18
- --pf-v6-c-log-viewer__list--FontFamily: var(--pf-t--global--font--family--mono);
19
- --pf-v6-c-log-viewer__list--FontSize: var(--pf-t--global--font--size--body--sm);
20
- --pf-v6-c-log-viewer__index--Display: none;
21
- --pf-v6-c-log-viewer__index--Width: 4.0625rem;
22
- --pf-v6-c-log-viewer__index--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
23
- --pf-v6-c-log-viewer__index--PaddingInlineStart: var(--pf-t--global--spacer--lg);
24
- --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
25
- --pf-v6-c-log-viewer__index--BackgroundColor: transparent;
26
- --pf-v6-c-log-viewer--line-number-chars: 4.4;
27
- --pf-v6-c-log-viewer--m-line-number-chars__index--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
28
- --pf-v6-c-log-viewer--m-line-number-chars__index--Width: calc(1ch * var(--pf-v6-c-log-viewer--line-number-chars) + var(--pf-v6-c-log-viewer__index--PaddingInlineEnd) + var(--pf-v6-c-log-viewer__index--PaddingInlineStart));
29
- --pf-v6-c-log-viewer__text--PaddingInlineEnd: var(--pf-t--global--spacer--md);
30
- --pf-v6-c-log-viewer__text--PaddingInlineStart: var(--pf-t--global--spacer--md);
31
- --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
32
- --pf-v6-c-log-viewer__text--WordBreak: break-all;
33
- --pf-v6-c-log-viewer__text--WhiteSpace: break-spaces;
34
- --pf-v6-c-log-viewer__text--LineBreak: anywhere;
35
- --pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace: nowrap;
36
- --pf-v6-c-log-viewer__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
37
- --pf-v6-c-log-viewer__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
38
- --pf-v6-c-log-viewer__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
39
- --pf-v6-c-log-viewer__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
40
- --pf-v6-c-log-viewer__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
41
- --pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart: 0;
42
- --pf-v6-c-log-viewer--c-toolbar--PaddingBlockEnd: 0;
43
- --pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineEnd: 0;
44
- --pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineStart: 0;
45
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--spacer: 0;
46
- --pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
47
- --pf-v6-c-log-viewer--m-dark__main--BorderWidth: 0;
48
- }
49
-
50
- .pf-v6-c-log-viewer {
51
- display: flex;
52
- flex-direction: column;
53
- height: var(--pf-v6-c-log-viewer--Height);
54
- max-height: var(--pf-v6-c-log-viewer--MaxHeight);
55
- }
56
- .pf-v6-c-log-viewer.pf-m-dark {
57
- --pf-v6-c-log-viewer__main--BorderWidth: var(--pf-v6-c-log-viewer--m-dark__main--BorderWidth);
58
- }
59
- .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
60
- --pf-v6-c-log-viewer__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
61
- --pf-v6-c-log-viewer__main--BorderColor: var(--pf-t--global--border--color--default);
62
- --pf-v6-c-log-viewer__text--Color: var(--pf-t--global--text--color--regular);
63
- --pf-v6-c-log-viewer__index--Color: var(--pf-t--global--text--color--subtle);
64
- --pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
65
- }
66
- .pf-v6-c-log-viewer.pf-m-wrap-text {
67
- word-break: break-all;
68
- }
69
- .pf-v6-c-log-viewer.pf-m-nowrap {
70
- --pf-v6-c-log-viewer__text--WhiteSpace: var(--pf-v6-c-log-viewer--m-nowrap__text--WhiteSpace);
71
- }
72
- .pf-v6-c-log-viewer.pf-m-line-numbers {
73
- --pf-v6-c-log-viewer__index--Display: var(--pf-v6-c-log-viewer--m-line-numbers__index--Display);
74
- }
75
- .pf-v6-c-log-viewer.pf-m-line-numbers .pf-v6-c-log-viewer__list {
76
- position: absolute;
77
- inset-inline-start: var(--pf-v6-c-log-viewer--m-line-numbers__list--InsetInlineStart);
78
- inset-inline-end: 0;
79
- }
80
- .pf-v6-c-log-viewer.pf-m-line-numbers .pf-v6-c-log-viewer__list::before {
81
- position: absolute;
82
- inset-block-start: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockStart);
83
- inset-block-end: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--InsetBlockEnd);
84
- inset-inline-start: 0;
85
- width: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--Width);
86
- content: "";
87
- background: var(--pf-v6-c-log-viewer--m-line-numbers__list--before--BackgroundColor);
88
- }
89
- .pf-v6-c-log-viewer.pf-m-line-number-chars {
90
- --pf-v6-c-log-viewer__index--PaddingInlineEnd: var(--pf-v6-c-log-viewer--m-line-number-chars__index--PaddingInlineEnd);
91
- --pf-v6-c-log-viewer__index--Width: var(--pf-v6-c-log-viewer--m-line-number-chars__index--Width);
92
- }
93
- .pf-v6-c-log-viewer .pf-v6-c-toolbar {
94
- --pf-v6-c-toolbar--PaddingBlockStart: var(--pf-v6-c-log-viewer--c-toolbar--PaddingBlockStart);
95
- --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-v6-c-log-viewer--c-toolbar--PaddingBlockEnd);
96
- --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineEnd);
97
- --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-v6-c-log-viewer--c-toolbar__content--PaddingInlineStart);
98
- --pf-v6-c-toolbar__group--m-toggle-group--spacer: 0;
99
- --pf-v6-c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-v6-c-log-viewer--c-toolbar__group--m-toggle-group--m-show--spacer);
100
- }
101
- .pf-v6-c-log-viewer .pf-v6-c-toolbar__content-section {
102
- flex-wrap: nowrap;
103
- }
104
-
105
- .pf-v6-c-log-viewer__header {
106
- margin-block-end: var(--pf-v6-c-log-viewer__header--MarginBlockEnd);
107
- }
108
-
109
- .pf-v6-c-log-viewer__main {
110
- display: flex;
111
- flex-direction: column;
112
- min-height: 0;
113
- background-color: var(--pf-v6-c-log-viewer__main--BackgroundColor);
114
- border: var(--pf-v6-c-log-viewer__main--BorderWidth) solid var(--pf-v6-c-log-viewer__main--BorderColor);
115
- }
116
-
117
- .pf-v6-c-log-viewer__scroll-container {
118
- position: relative;
119
- height: var(--pf-v6-c-log-viewer__scroll-container--Height);
120
- padding-block-start: var(--pf-v6-c-log-viewer__scroll-container--PaddingBlockStart);
121
- padding-block-end: var(--pf-v6-c-log-viewer__scroll-container--PaddingBlockEnd);
122
- overflow: auto;
123
- will-change: transform;
124
- direction: ltr;
125
- }
126
-
127
- .pf-v6-c-log-viewer__list {
128
- position: relative;
129
- height: var(--pf-v6-c-log-viewer__list--Height);
130
- font-family: var(--pf-v6-c-log-viewer__list--FontFamily);
131
- font-size: var(--pf-v6-c-log-viewer__list--FontSize);
132
- }
133
-
134
- .pf-v6-c-log-viewer__list-item {
135
- inset-inline-start: 0;
136
- width: 100%;
137
- }
138
-
139
- .pf-v6-c-log-viewer__string.pf-m-match {
140
- color: var(--pf-v6-c-log-viewer__string--m-match--Color, inherit);
141
- background-color: var(--pf-v6-c-log-viewer__string--m-match--BackgroundColor);
142
- }
143
- .pf-v6-c-log-viewer__string.pf-m-current {
144
- color: var(--pf-v6-c-log-viewer__string--m-current--Color, inherit);
145
- background-color: var(--pf-v6-c-log-viewer__string--m-current--BackgroundColor);
146
- }
147
-
148
- .pf-v6-c-log-viewer__index {
149
- position: fixed;
150
- inset-inline-start: 0;
151
- display: var(--pf-v6-c-log-viewer__index--Display);
152
- width: var(--pf-v6-c-log-viewer__index--Width);
153
- padding-inline-start: var(--pf-v6-c-log-viewer__index--PaddingInlineStart);
154
- padding-inline-end: var(--pf-v6-c-log-viewer__index--PaddingInlineEnd);
155
- font-family: var(--pf-v6-c-log-viewer__index--FontFamily, inherit);
156
- font-size: var(--pf-v6-c-log-viewer__index--FontSize, inherit);
157
- color: var(--pf-v6-c-log-viewer__index--Color);
158
- user-select: none;
159
- background-color: var(--pf-v6-c-log-viewer__index--BackgroundColor);
160
- }
161
-
162
- .pf-v6-c-log-viewer__text {
163
- display: block;
164
- padding-inline-start: var(--pf-v6-c-log-viewer__text--PaddingInlineStart);
165
- padding-inline-end: var(--pf-v6-c-log-viewer__text--PaddingInlineEnd);
166
- font-family: var(--pf-v6-c-log-viewer__text--FontFamily, inherit);
167
- font-size: var(--pf-v6-c-log-viewer__text--FontSize, inherit);
168
- color: var(--pf-v6-c-log-viewer__text--Color);
169
- word-break: var(--pf-v6-c-log-viewer__text--WordBreak);
170
- white-space: var(--pf-v6-c-log-viewer__text--WhiteSpace);
171
- line-break: var(--pf-v6-c-log-viewer__text--LineBreak);
172
- }
173
-
174
- .pf-v6-c-log-viewer__timestamp {
175
- font-weight: var(--pf-v6-c-log-viewer__timestamp--FontWeight);
176
- }
@@ -1,219 +0,0 @@
1
- @use '../../sass-utilities' as *;
2
-
3
- :where(:root, .#{$log-viewer}) {
4
- --#{$log-viewer}--Height: 100%;
5
- --#{$log-viewer}--MaxHeight: auto;
6
- --#{$log-viewer}--m-line-numbers__index--Display: inline;
7
-
8
- // Header
9
- --#{$log-viewer}__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
10
-
11
- // Main
12
- --#{$log-viewer}__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13
- --#{$log-viewer}__main--BorderWidth: var(--pf-t--global--border--width--box--default);
14
- --#{$log-viewer}__main--BorderColor: var(--pf-t--global--border--color--default);
15
-
16
- // Scroll container
17
- --#{$log-viewer}__scroll-container--Height: #{pf-size-prem(600px)};
18
- --#{$log-viewer}__scroll-container--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19
- --#{$log-viewer}__scroll-container--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20
-
21
- // Main ::after
22
- --#{$log-viewer}--m-line-numbers__list--before--InsetBlockStart: 0;
23
- --#{$log-viewer}--m-line-numbers__list--before--InsetBlockEnd: 0;
24
- --#{$log-viewer}--m-line-numbers__list--before--Width: var(--pf-t--global--border--width--divider--default);
25
- --#{$log-viewer}--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
26
-
27
- // List
28
- --#{$log-viewer}__list--Height: auto;
29
- --#{$log-viewer}--m-line-numbers__list--InsetInlineStart: var(--#{$log-viewer}__index--Width);
30
- --#{$log-viewer}__list--FontFamily: var(--pf-t--global--font--family--mono);
31
- --#{$log-viewer}__list--FontSize: var(--pf-t--global--font--size--body--sm);
32
-
33
- // Index
34
- --#{$log-viewer}__index--Display: none;
35
- --#{$log-viewer}__index--Width: #{pf-size-prem(65px)}; // default width
36
- --#{$log-viewer}__index--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
37
- --#{$log-viewer}__index--PaddingInlineStart: var(--pf-t--global--spacer--lg);
38
- --#{$log-viewer}__index--Color: var(--pf-t--global--text--color--subtle);
39
- --#{$log-viewer}__index--BackgroundColor: transparent;
40
- --#{$log-viewer}--line-number-chars: 4.4; // it's close enough to the existing default
41
- --#{$log-viewer}--m-line-number-chars__index--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
42
- --#{$log-viewer}--m-line-number-chars__index--Width: calc(1ch * var(--#{$log-viewer}--line-number-chars) + var(--#{$log-viewer}__index--PaddingInlineEnd) + var(--#{$log-viewer}__index--PaddingInlineStart));
43
-
44
- // Text
45
- --#{$log-viewer}__text--PaddingInlineEnd: var(--pf-t--global--spacer--md);
46
- --#{$log-viewer}__text--PaddingInlineStart: var(--pf-t--global--spacer--md);
47
- --#{$log-viewer}__text--Color: var(--pf-t--global--text--color--regular);
48
- --#{$log-viewer}__text--WordBreak: break-all;
49
- --#{$log-viewer}__text--WhiteSpace: break-spaces;
50
- --#{$log-viewer}__text--LineBreak: anywhere;
51
- --#{$log-viewer}--m-nowrap__text--WhiteSpace: nowrap;
52
- --#{$log-viewer}__string--m-match--Color: var(--pf-t--global--text--color--on-highlight);
53
- --#{$log-viewer}__string--m-match--BackgroundColor: var(--pf-t--global--background--color--highlight--default);
54
- --#{$log-viewer}__string--m-current--Color: var(--pf-t--global--text--color--on-highlight);
55
- --#{$log-viewer}__string--m-current--BackgroundColor: var(--pf-t--global--background--color--highlight--clicked);
56
-
57
- // Timestamp
58
- --#{$log-viewer}__timestamp--FontWeight: var(--pf-t--global--font--weight--body--bold);
59
-
60
- // Toolbar
61
- --#{$log-viewer}--c-toolbar--PaddingBlockStart: 0;
62
- --#{$log-viewer}--c-toolbar--PaddingBlockEnd: 0;
63
- --#{$log-viewer}--c-toolbar__content--PaddingInlineEnd: 0;
64
- --#{$log-viewer}--c-toolbar__content--PaddingInlineStart: 0;
65
- --#{$log-viewer}--c-toolbar__group--m-toggle-group--spacer: 0;
66
- --#{$log-viewer}--c-toolbar__group--m-toggle-group--m-show--spacer: var(--pf-t--global--spacer--sm);
67
-
68
- // Dark theme
69
- --#{$log-viewer}--m-dark__main--BorderWidth: 0;
70
- }
71
-
72
- .#{$log-viewer} {
73
- &.pf-m-dark {
74
- --#{$log-viewer}__main--BorderWidth: var(--#{$log-viewer}--m-dark__main--BorderWidth);
75
-
76
- .#{$log-viewer}__main {
77
- --#{$log-viewer}__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
78
- --#{$log-viewer}__main--BorderColor: var(--pf-t--global--border--color--default);
79
- --#{$log-viewer}__text--Color: var(--pf-t--global--text--color--regular);
80
- --#{$log-viewer}__index--Color: var(--pf-t--global--text--color--subtle);
81
- --#{$log-viewer}--m-line-numbers__list--before--BackgroundColor: var(--pf-t--global--border--color--default);
82
- }
83
- }
84
-
85
- display: flex;
86
- flex-direction: column;
87
- height: var(--#{$log-viewer}--Height);
88
- max-height: var(--#{$log-viewer}--MaxHeight);
89
-
90
- &.pf-m-wrap-text {
91
- word-break: break-all;
92
- }
93
-
94
- &.pf-m-nowrap {
95
- --#{$log-viewer}__text--WhiteSpace: var(--#{$log-viewer}--m-nowrap__text--WhiteSpace);
96
- }
97
-
98
- &.pf-m-line-numbers {
99
- --#{$log-viewer}__index--Display: var(--#{$log-viewer}--m-line-numbers__index--Display);
100
-
101
- .#{$log-viewer}__list {
102
- position: absolute;
103
- inset-inline-start: var(--#{$log-viewer}--m-line-numbers__list--InsetInlineStart);
104
- inset-inline-end: 0;
105
-
106
- // Divider
107
- &::before {
108
- position: absolute;
109
- inset-block-start: var(--#{$log-viewer}--m-line-numbers__list--before--InsetBlockStart);
110
- inset-block-end: var(--#{$log-viewer}--m-line-numbers__list--before--InsetBlockEnd);
111
- inset-inline-start: 0;
112
- width: var(--#{$log-viewer}--m-line-numbers__list--before--Width);
113
- content: "";
114
- background: var(--#{$log-viewer}--m-line-numbers__list--before--BackgroundColor);
115
- }
116
- }
117
- }
118
-
119
- &.pf-m-line-number-chars {
120
- --#{$log-viewer}__index--PaddingInlineEnd: var(--#{$log-viewer}--m-line-number-chars__index--PaddingInlineEnd);
121
- --#{$log-viewer}__index--Width: var(--#{$log-viewer}--m-line-number-chars__index--Width);
122
- }
123
-
124
- // Nested toolbar
125
- .#{$toolbar} {
126
- --#{$toolbar}--PaddingBlockStart: var(--#{$log-viewer}--c-toolbar--PaddingBlockStart);
127
- --#{$toolbar}--PaddingBlockEnd: var(--#{$log-viewer}--c-toolbar--PaddingBlockEnd);
128
- --#{$toolbar}__content--PaddingInlineEnd: var(--#{$log-viewer}--c-toolbar__content--PaddingInlineEnd);
129
- --#{$toolbar}__content--PaddingInlineStart: var(--#{$log-viewer}--c-toolbar__content--PaddingInlineStart);
130
- --#{$toolbar}__group--m-toggle-group--spacer: 0;
131
- --#{$toolbar}__group--m-toggle-group--m-show--spacer: var(--#{$log-viewer}--c-toolbar__group--m-toggle-group--m-show--spacer);
132
- }
133
-
134
- .#{$toolbar}__content-section {
135
- flex-wrap: nowrap;
136
- }
137
- }
138
-
139
- // Header
140
- .#{$log-viewer}__header {
141
- margin-block-end: var(--#{$log-viewer}__header--MarginBlockEnd);
142
- }
143
-
144
- // Main
145
- .#{$log-viewer}__main {
146
- display: flex;
147
- flex-direction: column;
148
- min-height: 0;
149
- background-color: var(--#{$log-viewer}__main--BackgroundColor);
150
- border: var(--#{$log-viewer}__main--BorderWidth) solid var(--#{$log-viewer}__main--BorderColor);
151
- }
152
-
153
- .#{$log-viewer}__scroll-container {
154
- position: relative;
155
- height: var(--#{$log-viewer}__scroll-container--Height);
156
- padding-block-start: var(--#{$log-viewer}__scroll-container--PaddingBlockStart);
157
- padding-block-end: var(--#{$log-viewer}__scroll-container--PaddingBlockEnd);
158
- overflow: auto;
159
- will-change: transform;
160
- direction: ltr;
161
- }
162
-
163
- // List
164
- .#{$log-viewer}__list {
165
- position: relative;
166
- height: var(--#{$log-viewer}__list--Height);
167
- font-family: var(--#{$log-viewer}__list--FontFamily);
168
- font-size: var(--#{$log-viewer}__list--FontSize);
169
- }
170
-
171
- .#{$log-viewer}__list-item {
172
- inset-inline-start: 0;
173
- width: 100%;
174
- }
175
-
176
- .#{$log-viewer}__string {
177
- &.pf-m-match {
178
- color: var(--#{$log-viewer}__string--m-match--Color, inherit);
179
- background-color: var(--#{$log-viewer}__string--m-match--BackgroundColor);
180
- }
181
-
182
- &.pf-m-current {
183
- color: var(--#{$log-viewer}__string--m-current--Color, inherit);
184
- background-color: var(--#{$log-viewer}__string--m-current--BackgroundColor);
185
- }
186
- }
187
-
188
- // Index
189
- .#{$log-viewer}__index {
190
- position: fixed;
191
- inset-inline-start: 0;
192
- display: var(--#{$log-viewer}__index--Display);
193
- width: var(--#{$log-viewer}__index--Width);
194
- padding-inline-start: var(--#{$log-viewer}__index--PaddingInlineStart);
195
- padding-inline-end: var(--#{$log-viewer}__index--PaddingInlineEnd);
196
- font-family: var(--#{$log-viewer}__index--FontFamily, inherit);
197
- font-size: var(--#{$log-viewer}__index--FontSize, inherit);
198
- color: var(--#{$log-viewer}__index--Color);
199
- user-select: none;
200
- background-color: var(--#{$log-viewer}__index--BackgroundColor);
201
- }
202
-
203
- // Text
204
- .#{$log-viewer}__text {
205
- display: block;
206
- padding-inline-start: var(--#{$log-viewer}__text--PaddingInlineStart);
207
- padding-inline-end: var(--#{$log-viewer}__text--PaddingInlineEnd);
208
- font-family: var(--#{$log-viewer}__text--FontFamily, inherit);
209
- font-size: var(--#{$log-viewer}__text--FontSize, inherit);
210
- color: var(--#{$log-viewer}__text--Color);
211
- word-break: var(--#{$log-viewer}__text--WordBreak);
212
- white-space: var(--#{$log-viewer}__text--WhiteSpace);
213
- line-break: var(--#{$log-viewer}__text--LineBreak);
214
- }
215
-
216
- // Timestamp
217
- .#{$log-viewer}__timestamp {
218
- font-weight: var(--#{$log-viewer}__timestamp--FontWeight);
219
- }
@@ -1,24 +0,0 @@
1
- #ws-core-e-log-viewer-with-popover-open .ws-preview-html {
2
- position: relative;
3
- }
4
-
5
- #ws-core-e-log-viewer-with-popover-open .pf-v6-c-popover {
6
- display: none;
7
- position: absolute;
8
- z-index: 9999;
9
- inset-block-start: 52px;
10
- inset-inline-end: 78px;
11
- }
12
-
13
- @media screen and (min-width: 992px) {
14
- #ws-core-e-log-viewer-with-popover-open .pf-v6-c-popover {
15
- display: block;
16
- }
17
- }
18
-
19
- .pf-v6-c-log-viewer .pf-v6-c-menu {
20
- position: absolute;
21
- z-index: 9999;
22
- inset-block-start: 100%;
23
- min-width: max-content;
24
- }