@patternfly/patternfly 6.5.0-prerelease.42 → 6.5.0-prerelease.43
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/components/Compass/compass.css +5 -5
- package/components/Compass/compass.scss +5 -4
- package/components/_index.css +5 -5
- package/docs/components/Compass/examples/Compass.md +1 -0
- package/docs/demos/Compass/examples/Compass.md +366 -330
- package/package.json +1 -1
- package/patternfly-no-globals.css +5 -5
- package/patternfly.css +5 -5
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -293,10 +293,7 @@
|
|
|
293
293
|
|
|
294
294
|
/* stylelint-disable */
|
|
295
295
|
@media (max-width: 1200px) {
|
|
296
|
-
.pf-v6-c-compass
|
|
297
|
-
display: none;
|
|
298
|
-
}
|
|
299
|
-
.pf-v6-c-compass {
|
|
296
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning) {
|
|
300
297
|
position: relative;
|
|
301
298
|
display: grid;
|
|
302
299
|
grid-template-columns: auto;
|
|
@@ -304,7 +301,7 @@
|
|
|
304
301
|
place-content: center;
|
|
305
302
|
gap: 0;
|
|
306
303
|
}
|
|
307
|
-
.pf-v6-c-compass::after {
|
|
304
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
|
|
308
305
|
padding: 1em;
|
|
309
306
|
border-radius: var(--pf-t--global--border--radius--large);
|
|
310
307
|
background: var(--pf-t--global--background--color--primary--default);
|
|
@@ -316,5 +313,8 @@
|
|
|
316
313
|
white-space: pre-wrap;
|
|
317
314
|
text-align: center;
|
|
318
315
|
}
|
|
316
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
|
|
317
|
+
display: none;
|
|
318
|
+
}
|
|
319
319
|
}
|
|
320
320
|
/* stylelint-enable */
|
|
@@ -321,10 +321,7 @@
|
|
|
321
321
|
|
|
322
322
|
/* stylelint-disable */
|
|
323
323
|
@media (max-width: 1200px) {
|
|
324
|
-
.#{$compass}
|
|
325
|
-
display: none;
|
|
326
|
-
}
|
|
327
|
-
.#{$compass} {
|
|
324
|
+
.#{$compass}:not(.pf-m-no-screen-warning) {
|
|
328
325
|
position: relative;
|
|
329
326
|
display: grid;
|
|
330
327
|
grid-template-columns: auto;
|
|
@@ -344,6 +341,10 @@
|
|
|
344
341
|
white-space: pre-wrap;
|
|
345
342
|
text-align: center;
|
|
346
343
|
}
|
|
344
|
+
|
|
345
|
+
* {
|
|
346
|
+
display: none;
|
|
347
|
+
}
|
|
347
348
|
}
|
|
348
349
|
}
|
|
349
350
|
/* stylelint-enable */
|
package/components/_index.css
CHANGED
|
@@ -3834,10 +3834,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3834
3834
|
|
|
3835
3835
|
/* stylelint-disable */
|
|
3836
3836
|
@media (max-width: 1200px) {
|
|
3837
|
-
.pf-v6-c-compass
|
|
3838
|
-
display: none;
|
|
3839
|
-
}
|
|
3840
|
-
.pf-v6-c-compass {
|
|
3837
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning) {
|
|
3841
3838
|
position: relative;
|
|
3842
3839
|
display: grid;
|
|
3843
3840
|
grid-template-columns: auto;
|
|
@@ -3845,7 +3842,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3845
3842
|
place-content: center;
|
|
3846
3843
|
gap: 0;
|
|
3847
3844
|
}
|
|
3848
|
-
.pf-v6-c-compass::after {
|
|
3845
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
|
|
3849
3846
|
padding: 1em;
|
|
3850
3847
|
border-radius: var(--pf-t--global--border--radius--large);
|
|
3851
3848
|
background: var(--pf-t--global--background--color--primary--default);
|
|
@@ -3857,6 +3854,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3857
3854
|
white-space: pre-wrap;
|
|
3858
3855
|
text-align: center;
|
|
3859
3856
|
}
|
|
3857
|
+
.pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
|
|
3858
|
+
display: none;
|
|
3859
|
+
}
|
|
3860
3860
|
}
|
|
3861
3861
|
/* stylelint-enable */
|
|
3862
3862
|
:root {
|
|
@@ -108,6 +108,7 @@ In a basic Compass layout, the page structure is defined by the order of element
|
|
|
108
108
|
| `.pf-v6-c-compass__message-bar` | `<div>` | Initiates the Compass message bar. |
|
|
109
109
|
| `.pf-m-dock` | `.pf-v6-c-compass` | Modifies for dock layout. |
|
|
110
110
|
| `.pf-m-no-glass` | `.pf-v6-c-compass`, `.pf-v6-c-compass__panel` | Modifies all elements or individual panels to remove the glass styles. |
|
|
111
|
+
| `.pf-m-no-screen-warning` | `.pf-v6-c-compass` | Disables the screen warning that shows on smaller viewports. |
|
|
111
112
|
| `.pf-m-start` | `.pf-v6-c-compass__sidebar` | Modifies a Compass sidebar for start styles. **Required** |
|
|
112
113
|
| `.pf-m-end` | `.pf-v6-c-compass__sidebar` | Modifies a Compass sidebar for end styles. **Required** |
|
|
113
114
|
| `.pf-m-no-border` | `.pf-v6-c-compass__panel` | Modifies a Compass panel to remove the border. |
|