@patternfly-java/core 0.6.14 → 0.6.16
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.
- package/core.css +126 -1
- package/package.json +1 -1
package/core.css
CHANGED
|
@@ -13,8 +13,133 @@
|
|
|
13
13
|
* See the License for the specific language governing permissions and
|
|
14
14
|
* limitations under the License.
|
|
15
15
|
*/
|
|
16
|
-
/*
|
|
16
|
+
/* ===================================================================
|
|
17
|
+
Core modifiers
|
|
18
|
+
=================================================================== */
|
|
17
19
|
|
|
18
20
|
.pf-m-filtered {
|
|
19
21
|
display: none !important;
|
|
20
22
|
}
|
|
23
|
+
|
|
24
|
+
/* ===================================================================
|
|
25
|
+
Tooltip using the popover API
|
|
26
|
+
=================================================================== */
|
|
27
|
+
/* Reset [popover] UA styles for tooltips using the popover API */
|
|
28
|
+
.pf-v6-c-tooltip[popover] {
|
|
29
|
+
border: none;
|
|
30
|
+
padding: 0;
|
|
31
|
+
background: none;
|
|
32
|
+
overflow: visible;
|
|
33
|
+
width: max-content;
|
|
34
|
+
max-width: var(--pf-v6-c-tooltip--MaxWidth);
|
|
35
|
+
position: fixed;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* CSS anchor positioning for tooltips using the popover API */
|
|
39
|
+
.pf-v6-c-tooltip[popover].pf-m-top {
|
|
40
|
+
position-area: block-start;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.pf-v6-c-tooltip[popover].pf-m-bottom {
|
|
44
|
+
position-area: block-end;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.pf-v6-c-tooltip[popover].pf-m-left {
|
|
48
|
+
position-area: inline-start;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.pf-v6-c-tooltip[popover].pf-m-right {
|
|
52
|
+
position-area: inline-end;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/* ===================================================================
|
|
56
|
+
Popover using the popover API
|
|
57
|
+
=================================================================== */
|
|
58
|
+
/* Reset [popover] UA styles for popovers using the popover API */
|
|
59
|
+
.pf-v6-c-popover[popover] {
|
|
60
|
+
border: none;
|
|
61
|
+
padding: 0;
|
|
62
|
+
background: none;
|
|
63
|
+
overflow: visible;
|
|
64
|
+
inset: auto;
|
|
65
|
+
width: max-content;
|
|
66
|
+
max-width: var(--pf-v6-c-popover--MaxWidth);
|
|
67
|
+
position: fixed;
|
|
68
|
+
container-type: anchored;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/* CSS anchor positioning for popovers using the popover API */
|
|
72
|
+
.pf-v6-c-popover[popover].pf-m-top {
|
|
73
|
+
position-area: block-start;
|
|
74
|
+
position-try-fallbacks: flip-block;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.pf-v6-c-popover[popover].pf-m-bottom {
|
|
78
|
+
position-area: block-end;
|
|
79
|
+
position-try-fallbacks: flip-block;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.pf-v6-c-popover[popover].pf-m-left {
|
|
83
|
+
position-area: inline-start;
|
|
84
|
+
position-try-fallbacks: flip-inline;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.pf-v6-c-popover[popover].pf-m-right {
|
|
88
|
+
position-area: inline-end;
|
|
89
|
+
position-try-fallbacks: flip-inline;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
/*
|
|
93
|
+
Uncomment as soon as https://github.com/parcel-bundler/lightningcss/issues/1176 is fixed
|
|
94
|
+
Then remove the hack in showcase/src/web/main.js
|
|
95
|
+
*/
|
|
96
|
+
|
|
97
|
+
/*
|
|
98
|
+
!* Was top, flipped to bottom *!
|
|
99
|
+
@container anchored(fallback: flip-block) {
|
|
100
|
+
.pf-v6-c-popover[popover].pf-m-top .pf-v6-c-popover__arrow {
|
|
101
|
+
--pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
|
|
102
|
+
--pf-v6-c-popover__arrow--InsetBlockEnd: auto;
|
|
103
|
+
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
|
|
104
|
+
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
|
|
105
|
+
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
|
|
106
|
+
--pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
!* Was bottom, flipped to top *!
|
|
111
|
+
@container anchored(fallback: flip-block) {
|
|
112
|
+
.pf-v6-c-popover[popover].pf-m-bottom .pf-v6-c-popover__arrow {
|
|
113
|
+
--pf-v6-c-popover__arrow--InsetBlockStart: auto;
|
|
114
|
+
--pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
|
|
115
|
+
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
|
|
116
|
+
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
|
|
117
|
+
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
|
|
118
|
+
--pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
!* Was left, flipped to right *!
|
|
123
|
+
@container anchored(fallback: flip-inline) {
|
|
124
|
+
.pf-v6-c-popover[popover].pf-m-left .pf-v6-c-popover__arrow {
|
|
125
|
+
--pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
|
|
126
|
+
--pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
|
|
127
|
+
--pf-v6-c-popover__arrow--InsetInlineEnd: auto;
|
|
128
|
+
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
|
|
129
|
+
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
|
|
130
|
+
--pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
!* Was right, flipped to left *!
|
|
135
|
+
@container anchored(fallback: flip-inline) {
|
|
136
|
+
.pf-v6-c-popover[popover].pf-m-right .pf-v6-c-popover__arrow {
|
|
137
|
+
--pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
|
|
138
|
+
--pf-v6-c-popover__arrow--InsetInlineStart: auto;
|
|
139
|
+
--pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
|
|
140
|
+
--pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
|
|
141
|
+
--pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
|
|
142
|
+
--pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
*/
|