@patternfly/react-styles 4.92.2 → 5.0.0-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +1411 -4343
- package/css/components/AboutModalBox/about-modal-box.css +1 -28
- package/css/components/Accordion/accordion.css +64 -62
- package/css/components/Accordion/accordion.d.ts +2 -2
- package/css/components/Accordion/accordion.js +2 -2
- package/css/components/Accordion/accordion.mjs +2 -2
- package/css/components/Alert/alert.css +0 -4
- package/css/components/Alert/alert.d.ts +1 -2
- package/css/components/Alert/alert.js +1 -2
- package/css/components/Alert/alert.mjs +1 -2
- package/css/components/Banner/banner.css +1 -1
- package/css/components/Breadcrumb/breadcrumb.css +0 -6
- package/css/components/Breadcrumb/breadcrumb.d.ts +1 -2
- package/css/components/Breadcrumb/breadcrumb.js +1 -2
- package/css/components/Breadcrumb/breadcrumb.mjs +1 -2
- package/css/components/Button/button.css +0 -4
- package/css/components/Button/button.d.ts +1 -2
- package/css/components/Button/button.js +1 -2
- package/css/components/Button/button.mjs +1 -2
- package/css/components/Card/card.css +0 -4
- package/css/components/Card/card.d.ts +1 -2
- package/css/components/Card/card.js +1 -2
- package/css/components/Card/card.mjs +1 -2
- package/css/components/Check/check.css +4 -2
- package/css/components/Content/content.css +1 -11
- package/css/components/Content/content.d.ts +1 -2
- package/css/components/Content/content.js +1 -2
- package/css/components/Content/content.mjs +1 -2
- package/css/components/DataList/data-list.css +0 -15
- package/css/components/Divider/divider.css +0 -16
- package/css/components/Drawer/drawer.css +0 -14
- package/css/components/EmptyState/empty-state.css +0 -4
- package/css/components/EmptyState/empty-state.d.ts +1 -2
- package/css/components/EmptyState/empty-state.js +1 -2
- package/css/components/EmptyState/empty-state.mjs +1 -2
- package/css/components/ExpandableSection/expandable-section.css +0 -4
- package/css/components/ExpandableSection/expandable-section.d.ts +1 -2
- package/css/components/ExpandableSection/expandable-section.js +1 -2
- package/css/components/ExpandableSection/expandable-section.mjs +1 -2
- package/css/components/Form/form.css +0 -1
- package/css/components/InlineEdit/inline-edit.css +1 -12
- package/css/components/JumpLinks/jump-links.css +0 -43
- package/css/components/Label/label.css +0 -3
- package/css/components/Menu/menu.css +0 -16
- package/css/components/NotificationDrawer/notification-drawer.css +1 -0
- package/css/components/Page/page.css +0 -15
- package/css/components/Pagination/pagination.css +0 -55
- package/css/components/Progress/progress.css +0 -1
- package/css/components/Radio/radio.css +4 -2
- package/css/components/SimpleList/simple-list.css +1 -1
- package/css/components/SkipToContent/skip-to-content.css +1 -1
- package/css/components/Switch/switch.css +0 -1
- package/css/components/Table/table-grid.css +0 -10
- package/css/components/Table/table-tree-view.css +0 -16
- package/css/components/Table/table.css +0 -16
- package/css/components/Tabs/tabs.css +1 -34
- package/css/components/Tabs/tabs.d.ts +1 -2
- package/css/components/Tabs/tabs.js +1 -2
- package/css/components/Tabs/tabs.mjs +1 -2
- package/css/components/Title/title.css +0 -5
- package/css/components/Title/title.d.ts +1 -2
- package/css/components/Title/title.js +1 -2
- package/css/components/Title/title.mjs +1 -2
- package/css/components/Toolbar/toolbar.css +0 -31
- package/css/components/Wizard/wizard.css +0 -9
- package/package.json +4 -4
@@ -9,66 +9,51 @@
|
|
9
9
|
}
|
10
10
|
|
11
11
|
.pf-c-data-list__item-action {
|
12
|
-
--pf-hidden-visible--visible--Visibility: visible;
|
13
12
|
--pf-hidden-visible--hidden--Display: none;
|
14
|
-
--pf-hidden-visible--hidden--Visibility: hidden;
|
15
13
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
16
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
17
14
|
display: var(--pf-hidden-visible--Display);
|
18
|
-
visibility: var(--pf-hidden-visible--Visibility);
|
19
15
|
}
|
20
16
|
.pf-m-hidden.pf-c-data-list__item-action {
|
21
17
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
22
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
23
18
|
}
|
24
19
|
@media screen and (min-width: 576px) {
|
25
20
|
.pf-m-hidden-on-sm.pf-c-data-list__item-action {
|
26
21
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
27
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
28
22
|
}
|
29
23
|
.pf-m-visible-on-sm.pf-c-data-list__item-action {
|
30
24
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
31
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
32
25
|
}
|
33
26
|
}
|
34
27
|
@media screen and (min-width: 768px) {
|
35
28
|
.pf-m-hidden-on-md.pf-c-data-list__item-action {
|
36
29
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
37
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
38
30
|
}
|
39
31
|
.pf-m-visible-on-md.pf-c-data-list__item-action {
|
40
32
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
41
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
42
33
|
}
|
43
34
|
}
|
44
35
|
@media screen and (min-width: 992px) {
|
45
36
|
.pf-m-hidden-on-lg.pf-c-data-list__item-action {
|
46
37
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
47
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
48
38
|
}
|
49
39
|
.pf-m-visible-on-lg.pf-c-data-list__item-action {
|
50
40
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
51
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
52
41
|
}
|
53
42
|
}
|
54
43
|
@media screen and (min-width: 1200px) {
|
55
44
|
.pf-m-hidden-on-xl.pf-c-data-list__item-action {
|
56
45
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
57
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
58
46
|
}
|
59
47
|
.pf-m-visible-on-xl.pf-c-data-list__item-action {
|
60
48
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
61
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
62
49
|
}
|
63
50
|
}
|
64
51
|
@media screen and (min-width: 1450px) {
|
65
52
|
.pf-m-hidden-on-2xl.pf-c-data-list__item-action {
|
66
53
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
67
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
68
54
|
}
|
69
55
|
.pf-m-visible-on-2xl.pf-c-data-list__item-action {
|
70
56
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
71
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
72
57
|
}
|
73
58
|
}
|
74
59
|
|
@@ -1,64 +1,49 @@
|
|
1
1
|
.pf-c-divider {
|
2
|
-
--pf-hidden-visible--visible--Visibility: visible;
|
3
2
|
--pf-hidden-visible--hidden--Display: none;
|
4
|
-
--pf-hidden-visible--hidden--Visibility: hidden;
|
5
3
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
6
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
7
4
|
display: var(--pf-hidden-visible--Display);
|
8
|
-
visibility: var(--pf-hidden-visible--Visibility);
|
9
5
|
}
|
10
6
|
.pf-m-hidden.pf-c-divider {
|
11
7
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
12
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
13
8
|
}
|
14
9
|
@media screen and (min-width: 576px) {
|
15
10
|
.pf-m-hidden-on-sm.pf-c-divider {
|
16
11
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
17
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
18
12
|
}
|
19
13
|
.pf-m-visible-on-sm.pf-c-divider {
|
20
14
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
21
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
22
15
|
}
|
23
16
|
}
|
24
17
|
@media screen and (min-width: 768px) {
|
25
18
|
.pf-m-hidden-on-md.pf-c-divider {
|
26
19
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
27
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
28
20
|
}
|
29
21
|
.pf-m-visible-on-md.pf-c-divider {
|
30
22
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
31
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
32
23
|
}
|
33
24
|
}
|
34
25
|
@media screen and (min-width: 992px) {
|
35
26
|
.pf-m-hidden-on-lg.pf-c-divider {
|
36
27
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
37
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
38
28
|
}
|
39
29
|
.pf-m-visible-on-lg.pf-c-divider {
|
40
30
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
41
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
42
31
|
}
|
43
32
|
}
|
44
33
|
@media screen and (min-width: 1200px) {
|
45
34
|
.pf-m-hidden-on-xl.pf-c-divider {
|
46
35
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
47
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
48
36
|
}
|
49
37
|
.pf-m-visible-on-xl.pf-c-divider {
|
50
38
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
51
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
52
39
|
}
|
53
40
|
}
|
54
41
|
@media screen and (min-width: 1450px) {
|
55
42
|
.pf-m-hidden-on-2xl.pf-c-divider {
|
56
43
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
57
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
58
44
|
}
|
59
45
|
.pf-m-visible-on-2xl.pf-c-divider {
|
60
46
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
61
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
62
47
|
}
|
63
48
|
}
|
64
49
|
|
@@ -86,7 +71,6 @@
|
|
86
71
|
--pf-c-divider--after--Height: var(--pf-c-divider--m-horizontal--after--Height);
|
87
72
|
width: 100%;
|
88
73
|
height: auto;
|
89
|
-
display: var(--pf-c-divider--Display);
|
90
74
|
flex-direction: var(--pf-c-divider--FlexDirection);
|
91
75
|
align-items: center;
|
92
76
|
align-self: stretch;
|
@@ -312,7 +312,6 @@
|
|
312
312
|
width: var(--pf-c-drawer__splitter--Width);
|
313
313
|
height: var(--pf-c-drawer__splitter--Height);
|
314
314
|
cursor: var(--pf-c-drawer__splitter--Cursor);
|
315
|
-
visibility: hidden;
|
316
315
|
background-color: var(--pf-c-drawer__splitter--BackgroundColor);
|
317
316
|
}
|
318
317
|
.pf-c-drawer__splitter.pf-m-vertical {
|
@@ -449,7 +448,6 @@
|
|
449
448
|
}
|
450
449
|
.pf-c-drawer__splitter {
|
451
450
|
display: block;
|
452
|
-
visibility: visible;
|
453
451
|
}
|
454
452
|
}
|
455
453
|
@media (min-width: 768px) {
|
@@ -558,7 +556,6 @@
|
|
558
556
|
}
|
559
557
|
.pf-c-drawer.pf-m-inline > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
560
558
|
display: unset;
|
561
|
-
visibility: visible;
|
562
559
|
}
|
563
560
|
.pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
|
564
561
|
margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
|
@@ -571,7 +568,6 @@
|
|
571
568
|
}
|
572
569
|
.pf-c-drawer.pf-m-inline.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
573
570
|
display: unset;
|
574
|
-
visibility: visible;
|
575
571
|
}
|
576
572
|
.pf-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
|
577
573
|
margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
|
@@ -593,7 +589,6 @@
|
|
593
589
|
}
|
594
590
|
.pf-c-drawer.pf-m-static > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
595
591
|
display: none;
|
596
|
-
visibility: hidden;
|
597
592
|
}
|
598
593
|
}
|
599
594
|
@media (min-width: 992px) {
|
@@ -622,7 +617,6 @@
|
|
622
617
|
}
|
623
618
|
.pf-c-drawer.pf-m-inline-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
624
619
|
display: unset;
|
625
|
-
visibility: visible;
|
626
620
|
}
|
627
621
|
.pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
|
628
622
|
margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
|
@@ -635,7 +629,6 @@
|
|
635
629
|
}
|
636
630
|
.pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
637
631
|
display: unset;
|
638
|
-
visibility: visible;
|
639
632
|
}
|
640
633
|
.pf-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
|
641
634
|
margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
|
@@ -657,7 +650,6 @@
|
|
657
650
|
}
|
658
651
|
.pf-c-drawer.pf-m-static-on-lg > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
659
652
|
display: none;
|
660
|
-
visibility: hidden;
|
661
653
|
}
|
662
654
|
}
|
663
655
|
@media (min-width: 1200px) {
|
@@ -686,7 +678,6 @@
|
|
686
678
|
}
|
687
679
|
.pf-c-drawer.pf-m-inline-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
688
680
|
display: unset;
|
689
|
-
visibility: visible;
|
690
681
|
}
|
691
682
|
.pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
|
692
683
|
margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
|
@@ -699,7 +690,6 @@
|
|
699
690
|
}
|
700
691
|
.pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
701
692
|
display: unset;
|
702
|
-
visibility: visible;
|
703
693
|
}
|
704
694
|
.pf-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
|
705
695
|
margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
|
@@ -721,7 +711,6 @@
|
|
721
711
|
}
|
722
712
|
.pf-c-drawer.pf-m-static-on-xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
723
713
|
display: none;
|
724
|
-
visibility: hidden;
|
725
714
|
}
|
726
715
|
}
|
727
716
|
@media (min-width: 1450px) {
|
@@ -750,7 +739,6 @@
|
|
750
739
|
}
|
751
740
|
.pf-c-drawer.pf-m-inline-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
752
741
|
display: unset;
|
753
|
-
visibility: visible;
|
754
742
|
}
|
755
743
|
.pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel {
|
756
744
|
margin-right: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
|
@@ -763,7 +751,6 @@
|
|
763
751
|
}
|
764
752
|
.pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
765
753
|
display: unset;
|
766
|
-
visibility: visible;
|
767
754
|
}
|
768
755
|
.pf-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-c-drawer__main > .pf-c-drawer__panel {
|
769
756
|
margin-bottom: calc(var(--pf-c-drawer__panel--FlexBasis) * -1);
|
@@ -785,7 +772,6 @@
|
|
785
772
|
}
|
786
773
|
.pf-c-drawer.pf-m-static-on-2xl > .pf-c-drawer__main > .pf-c-drawer__panel > .pf-c-drawer__body > .pf-c-drawer__head .pf-c-drawer__close {
|
787
774
|
display: none;
|
788
|
-
visibility: hidden;
|
789
775
|
}
|
790
776
|
}
|
791
777
|
:where(.pf-theme-dark) .pf-c-drawer {
|
@@ -115,8 +115,4 @@
|
|
115
115
|
margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
|
116
116
|
margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
|
117
117
|
margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
|
118
|
-
}
|
119
|
-
|
120
|
-
.pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
|
121
|
-
font-size: var(--pf-global--FontSize--lg);
|
122
118
|
}
|
@@ -126,8 +126,4 @@
|
|
126
126
|
padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
|
127
127
|
padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
|
128
128
|
margin-top: var(--pf-c-expandable-section__content--MarginTop);
|
129
|
-
}
|
130
|
-
|
131
|
-
.pf-m-overpass-font .pf-c-expandable-section__toggle {
|
132
|
-
font-weight: var(--pf-global--FontWeight--semi-bold);
|
133
129
|
}
|
@@ -13,8 +13,7 @@ declare const _default: {
|
|
13
13
|
"displayLg": "pf-m-display-lg",
|
14
14
|
"indented": "pf-m-indented",
|
15
15
|
"active": "pf-m-active",
|
16
|
-
"expandTop": "pf-m-expand-top"
|
17
|
-
"overpassFont": "pf-m-overpass-font"
|
16
|
+
"expandTop": "pf-m-expand-top"
|
18
17
|
}
|
19
18
|
};
|
20
19
|
export default _default;
|
@@ -4,7 +4,7 @@
|
|
4
4
|
--pf-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-global--link--Color--hover);
|
5
5
|
--pf-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
|
6
6
|
--pf-c-inline-edit__group--m-footer--MarginTop: var(--pf-global--spacer--xl);
|
7
|
-
--pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--
|
7
|
+
--pf-c-inline-edit__label--m-bold--FontWeight: var(--pf-global--FontWeight--bold);
|
8
8
|
}
|
9
9
|
|
10
10
|
.pf-c-inline-edit__group {
|
@@ -43,22 +43,12 @@
|
|
43
43
|
.pf-c-inline-edit__action,
|
44
44
|
.pf-c-inline-edit__group.pf-m-action-group {
|
45
45
|
display: none;
|
46
|
-
visibility: hidden;
|
47
46
|
}
|
48
47
|
|
49
48
|
.pf-c-inline-edit__action.pf-m-enable-editable {
|
50
49
|
display: inline-block;
|
51
|
-
visibility: visible;
|
52
50
|
}
|
53
51
|
|
54
|
-
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,
|
55
|
-
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__action,
|
56
|
-
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group,
|
57
|
-
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input,
|
58
|
-
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action,
|
59
|
-
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__group.pf-m-action-group {
|
60
|
-
visibility: visible;
|
61
|
-
}
|
62
52
|
.pf-c-inline-edit.pf-m-inline-editable .pf-c-inline-edit__input,
|
63
53
|
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__input {
|
64
54
|
display: block;
|
@@ -76,7 +66,6 @@
|
|
76
66
|
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__value,
|
77
67
|
.pf-c-inline-edit .pf-m-inline-editable .pf-c-inline-edit__action.pf-m-enable-editable {
|
78
68
|
display: none;
|
79
|
-
visibility: hidden;
|
80
69
|
}
|
81
70
|
|
82
71
|
.pf-c-inline-edit__label + .pf-c-inline-edit__action.pf-m-enable > .pf-c-button {
|
@@ -1,6 +1,5 @@
|
|
1
1
|
.pf-c-jump-links {
|
2
2
|
--pf-c-jump-links__list--Display: flex;
|
3
|
-
--pf-c-jump-links__list--Visibility: visible;
|
4
3
|
--pf-c-jump-links__list--PaddingTop: 0;
|
5
4
|
--pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
|
6
5
|
--pf-c-jump-links__list--PaddingBottom: 0;
|
@@ -43,14 +42,12 @@
|
|
43
42
|
--pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
|
44
43
|
--pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
|
45
44
|
--pf-c-jump-links__label--Display: block;
|
46
|
-
--pf-c-jump-links__label--Visibility: visible;
|
47
45
|
--pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
|
48
46
|
--pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
|
49
47
|
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
|
50
48
|
--pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
|
51
49
|
--pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
|
52
50
|
--pf-c-jump-links__toggle--Display: none;
|
53
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
54
51
|
--pf-c-jump-links__toggle-icon--Color: currentcolor;
|
55
52
|
--pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
|
56
53
|
--pf-c-jump-links__toggle-icon--Rotate: 0;
|
@@ -80,113 +77,76 @@
|
|
80
77
|
}
|
81
78
|
.pf-c-jump-links.pf-m-expandable {
|
82
79
|
--pf-c-jump-links__list--Display: none;
|
83
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
84
80
|
--pf-c-jump-links__toggle--Display: block;
|
85
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
86
81
|
--pf-c-jump-links__label--Display: none;
|
87
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
88
82
|
}
|
89
83
|
.pf-c-jump-links.pf-m-non-expandable {
|
90
84
|
--pf-c-jump-links__list--Display: flex;
|
91
|
-
--pf-c-jump-links__list--Visibility: visible;
|
92
85
|
--pf-c-jump-links__toggle--Display: none;
|
93
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
94
86
|
--pf-c-jump-links__label--Display: block;
|
95
|
-
--pf-c-jump-links__label--Visibility: visible;
|
96
87
|
}
|
97
88
|
@media (min-width: 576px) {
|
98
89
|
.pf-c-jump-links.pf-m-expandable-on-sm {
|
99
90
|
--pf-c-jump-links__list--Display: none;
|
100
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
101
91
|
--pf-c-jump-links__toggle--Display: block;
|
102
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
103
92
|
--pf-c-jump-links__label--Display: none;
|
104
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
105
93
|
}
|
106
94
|
.pf-c-jump-links.pf-m-non-expandable-on-sm {
|
107
95
|
--pf-c-jump-links__list--Display: flex;
|
108
|
-
--pf-c-jump-links__list--Visibility: visible;
|
109
96
|
--pf-c-jump-links__toggle--Display: none;
|
110
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
111
97
|
--pf-c-jump-links__label--Display: block;
|
112
|
-
--pf-c-jump-links__label--Visibility: visible;
|
113
98
|
}
|
114
99
|
}
|
115
100
|
@media (min-width: 768px) {
|
116
101
|
.pf-c-jump-links.pf-m-expandable-on-md {
|
117
102
|
--pf-c-jump-links__list--Display: none;
|
118
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
119
103
|
--pf-c-jump-links__toggle--Display: block;
|
120
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
121
104
|
--pf-c-jump-links__label--Display: none;
|
122
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
123
105
|
}
|
124
106
|
.pf-c-jump-links.pf-m-non-expandable-on-md {
|
125
107
|
--pf-c-jump-links__list--Display: flex;
|
126
|
-
--pf-c-jump-links__list--Visibility: visible;
|
127
108
|
--pf-c-jump-links__toggle--Display: none;
|
128
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
129
109
|
--pf-c-jump-links__label--Display: block;
|
130
|
-
--pf-c-jump-links__label--Visibility: visible;
|
131
110
|
}
|
132
111
|
}
|
133
112
|
@media (min-width: 992px) {
|
134
113
|
.pf-c-jump-links.pf-m-expandable-on-lg {
|
135
114
|
--pf-c-jump-links__list--Display: none;
|
136
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
137
115
|
--pf-c-jump-links__toggle--Display: block;
|
138
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
139
116
|
--pf-c-jump-links__label--Display: none;
|
140
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
141
117
|
}
|
142
118
|
.pf-c-jump-links.pf-m-non-expandable-on-lg {
|
143
119
|
--pf-c-jump-links__list--Display: flex;
|
144
|
-
--pf-c-jump-links__list--Visibility: visible;
|
145
120
|
--pf-c-jump-links__toggle--Display: none;
|
146
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
147
121
|
--pf-c-jump-links__label--Display: block;
|
148
|
-
--pf-c-jump-links__label--Visibility: visible;
|
149
122
|
}
|
150
123
|
}
|
151
124
|
@media (min-width: 1200px) {
|
152
125
|
.pf-c-jump-links.pf-m-expandable-on-xl {
|
153
126
|
--pf-c-jump-links__list--Display: none;
|
154
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
155
127
|
--pf-c-jump-links__toggle--Display: block;
|
156
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
157
128
|
--pf-c-jump-links__label--Display: none;
|
158
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
159
129
|
}
|
160
130
|
.pf-c-jump-links.pf-m-non-expandable-on-xl {
|
161
131
|
--pf-c-jump-links__list--Display: flex;
|
162
|
-
--pf-c-jump-links__list--Visibility: visible;
|
163
132
|
--pf-c-jump-links__toggle--Display: none;
|
164
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
165
133
|
--pf-c-jump-links__label--Display: block;
|
166
|
-
--pf-c-jump-links__label--Visibility: visible;
|
167
134
|
}
|
168
135
|
}
|
169
136
|
@media (min-width: 1450px) {
|
170
137
|
.pf-c-jump-links.pf-m-expandable-on-2xl {
|
171
138
|
--pf-c-jump-links__list--Display: none;
|
172
|
-
--pf-c-jump-links__list--Visibility: hidden;
|
173
139
|
--pf-c-jump-links__toggle--Display: block;
|
174
|
-
--pf-c-jump-links__toggle--Visibility: visible;
|
175
140
|
--pf-c-jump-links__label--Display: none;
|
176
|
-
--pf-c-jump-links__label--Visibility: hidden;
|
177
141
|
}
|
178
142
|
.pf-c-jump-links.pf-m-non-expandable-on-2xl {
|
179
143
|
--pf-c-jump-links__list--Display: flex;
|
180
|
-
--pf-c-jump-links__list--Visibility: visible;
|
181
144
|
--pf-c-jump-links__toggle--Display: none;
|
182
|
-
--pf-c-jump-links__toggle--Visibility: hidden;
|
183
145
|
--pf-c-jump-links__label--Display: block;
|
184
|
-
--pf-c-jump-links__label--Visibility: visible;
|
185
146
|
}
|
186
147
|
}
|
187
148
|
.pf-c-jump-links.pf-m-expanded {
|
188
149
|
--pf-c-jump-links__list--Display: flex;
|
189
|
-
--pf-c-jump-links__list--Visibility: visible;
|
190
150
|
--pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
|
191
151
|
--pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
|
192
152
|
--pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
|
@@ -200,7 +160,6 @@
|
|
200
160
|
padding-right: var(--pf-c-jump-links__list--PaddingRight);
|
201
161
|
padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
|
202
162
|
padding-left: var(--pf-c-jump-links__list--PaddingLeft);
|
203
|
-
visibility: var(--pf-c-jump-links__list--Visibility);
|
204
163
|
}
|
205
164
|
.pf-c-jump-links__list::before {
|
206
165
|
position: absolute;
|
@@ -269,7 +228,6 @@
|
|
269
228
|
.pf-c-jump-links__label {
|
270
229
|
display: var(--pf-c-jump-links__label--Display);
|
271
230
|
margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
|
272
|
-
visibility: var(--pf-c-jump-links__label--Visibility);
|
273
231
|
}
|
274
232
|
|
275
233
|
.pf-c-jump-links__main {
|
@@ -282,7 +240,6 @@
|
|
282
240
|
margin-top: var(--pf-c-jump-links__toggle--MarginTop);
|
283
241
|
margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
|
284
242
|
margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
|
285
|
-
visibility: var(--pf-c-jump-links__toggle--Visibility);
|
286
243
|
}
|
287
244
|
.pf-c-jump-links__toggle .pf-c-button {
|
288
245
|
display: flex;
|
@@ -311,9 +311,6 @@
|
|
311
311
|
--pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
|
312
312
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
|
313
313
|
}
|
314
|
-
.pf-c-label.pf-m-editable-active .pf-c-button {
|
315
|
-
visibility: hidden;
|
316
|
-
}
|
317
314
|
.pf-c-label .pf-c-button {
|
318
315
|
--pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
|
319
316
|
--pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
|
@@ -9,66 +9,51 @@
|
|
9
9
|
}
|
10
10
|
|
11
11
|
.pf-c-menu__group, .pf-c-menu__list-item, .pf-c-menu__list {
|
12
|
-
--pf-hidden-visible--visible--Visibility: visible;
|
13
12
|
--pf-hidden-visible--hidden--Display: none;
|
14
|
-
--pf-hidden-visible--hidden--Visibility: hidden;
|
15
13
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
16
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
17
14
|
display: var(--pf-hidden-visible--Display);
|
18
|
-
visibility: var(--pf-hidden-visible--Visibility);
|
19
15
|
}
|
20
16
|
.pf-m-hidden.pf-c-menu__group, .pf-m-hidden.pf-c-menu__list-item, .pf-m-hidden.pf-c-menu__list {
|
21
17
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
22
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
23
18
|
}
|
24
19
|
@media screen and (min-width: 576px) {
|
25
20
|
.pf-m-hidden-on-sm.pf-c-menu__group, .pf-m-hidden-on-sm.pf-c-menu__list-item, .pf-m-hidden-on-sm.pf-c-menu__list {
|
26
21
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
27
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
28
22
|
}
|
29
23
|
.pf-m-visible-on-sm.pf-c-menu__group, .pf-m-visible-on-sm.pf-c-menu__list-item, .pf-m-visible-on-sm.pf-c-menu__list {
|
30
24
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
31
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
32
25
|
}
|
33
26
|
}
|
34
27
|
@media screen and (min-width: 768px) {
|
35
28
|
.pf-m-hidden-on-md.pf-c-menu__group, .pf-m-hidden-on-md.pf-c-menu__list-item, .pf-m-hidden-on-md.pf-c-menu__list {
|
36
29
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
37
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
38
30
|
}
|
39
31
|
.pf-m-visible-on-md.pf-c-menu__group, .pf-m-visible-on-md.pf-c-menu__list-item, .pf-m-visible-on-md.pf-c-menu__list {
|
40
32
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
41
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
42
33
|
}
|
43
34
|
}
|
44
35
|
@media screen and (min-width: 992px) {
|
45
36
|
.pf-m-hidden-on-lg.pf-c-menu__group, .pf-m-hidden-on-lg.pf-c-menu__list-item, .pf-m-hidden-on-lg.pf-c-menu__list {
|
46
37
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
47
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
48
38
|
}
|
49
39
|
.pf-m-visible-on-lg.pf-c-menu__group, .pf-m-visible-on-lg.pf-c-menu__list-item, .pf-m-visible-on-lg.pf-c-menu__list {
|
50
40
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
51
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
52
41
|
}
|
53
42
|
}
|
54
43
|
@media screen and (min-width: 1200px) {
|
55
44
|
.pf-m-hidden-on-xl.pf-c-menu__group, .pf-m-hidden-on-xl.pf-c-menu__list-item, .pf-m-hidden-on-xl.pf-c-menu__list {
|
56
45
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
57
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
58
46
|
}
|
59
47
|
.pf-m-visible-on-xl.pf-c-menu__group, .pf-m-visible-on-xl.pf-c-menu__list-item, .pf-m-visible-on-xl.pf-c-menu__list {
|
60
48
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
61
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
62
49
|
}
|
63
50
|
}
|
64
51
|
@media screen and (min-width: 1450px) {
|
65
52
|
.pf-m-hidden-on-2xl.pf-c-menu__group, .pf-m-hidden-on-2xl.pf-c-menu__list-item, .pf-m-hidden-on-2xl.pf-c-menu__list {
|
66
53
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
|
67
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
|
68
54
|
}
|
69
55
|
.pf-m-visible-on-2xl.pf-c-menu__group, .pf-m-visible-on-2xl.pf-c-menu__list-item, .pf-m-visible-on-2xl.pf-c-menu__list {
|
70
56
|
--pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
|
71
|
-
--pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
|
72
57
|
}
|
73
58
|
}
|
74
59
|
|
@@ -305,7 +290,6 @@
|
|
305
290
|
}
|
306
291
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__list-item:not(.pf-m-current-path) .pf-c-menu {
|
307
292
|
display: none;
|
308
|
-
visibility: hidden;
|
309
293
|
}
|
310
294
|
.pf-c-menu.pf-m-drilldown .pf-c-menu__item {
|
311
295
|
outline-offset: var(--pf-c-menu__item--OutlineOffset);
|