@patternfly/patternfly 4.147.0 → 4.149.0
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/assets/icons/fa-unicodes.json +1332 -0
- package/assets/pficon/pficon.scss +126 -126
- package/assets/pficon/pficon.woff +0 -0
- package/assets/pficon/pficon.woff2 +0 -0
- package/base/patternfly-icons.css +123 -123
- package/base/patternfly-pf-icons.css +123 -123
- package/components/ContextSelector/context-selector.css +68 -0
- package/components/ContextSelector/context-selector.scss +74 -0
- package/components/Dropdown/dropdown.css +1 -1
- package/components/Dropdown/dropdown.scss +1 -1
- package/components/Masthead/masthead.css +1 -0
- package/components/Masthead/masthead.scss +1 -0
- package/components/Page/page.css +26 -3
- package/components/Page/page.scss +31 -0
- package/components/Panel/panel.css +78 -0
- package/components/Panel/panel.scss +99 -0
- package/components/Popover/popover.css +58 -2
- package/components/Popover/popover.scss +73 -2
- package/components/_all.scss +1 -0
- package/docs/components/CodeBlock/examples/CodeBlock.md +0 -1
- package/docs/components/ContextSelector/examples/context-selector.md +2 -0
- package/docs/components/HelperText/examples/HelperText.md +0 -1
- package/docs/components/Menu/examples/Menu.md +19 -20
- package/docs/components/ModalBox/examples/ModalBox.md +1 -0
- package/docs/components/Panel/examples/Panel.md +163 -0
- package/docs/components/Popover/examples/Popover.md +237 -15
- package/docs/components/Select/examples/Select.md +2 -2
- package/docs/components/Sidebar/examples/Sidebar.md +0 -1
- package/docs/demos/ContextSelector/examples/ContextSelector.md +1391 -0
- package/docs/demos/Modal/examples/Modal.md +122 -4
- package/package.json +1 -1
- package/patternfly-base-no-reset.css +123 -123
- package/patternfly-base.css +123 -123
- package/patternfly-no-reset.css +356 -129
- package/patternfly.css +356 -129
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly-no-reset.css
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
.pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
|
|
12
|
+
.pf-c-wizard__header, .pf-c-page__main-section[class*=pf-m-dark-], .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector, .pf-c-page__header, .pf-c-masthead, .pf-c-login__footer, .pf-c-login__header, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, .pf-c-banner, .pf-c-about-modal-box, .pf-t-dark {
|
|
13
13
|
--pf-global--Color--100: var(--pf-global--Color--light-100);
|
|
14
14
|
--pf-global--Color--200: var(--pf-global--Color--light-200);
|
|
15
15
|
--pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
--pf-global--link--Color--hover: var(--pf-global--link--Color--light);
|
|
19
19
|
--pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
|
|
20
20
|
}
|
|
21
|
-
.pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
|
|
21
|
+
.pf-c-wizard__header .pf-c-card, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card, .pf-c-page__header .pf-c-card, .pf-c-masthead .pf-c-card, .pf-c-login__footer .pf-c-card, .pf-c-login__header .pf-c-card, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card, .pf-c-banner .pf-c-card, .pf-c-about-modal-box .pf-c-card, .pf-t-dark .pf-c-card {
|
|
22
22
|
--pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
|
|
23
23
|
}
|
|
24
|
-
.pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
|
|
24
|
+
.pf-c-wizard__header .pf-c-button, .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button, .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button, .pf-c-page__header .pf-c-button, .pf-c-masthead .pf-c-button, .pf-c-login__footer .pf-c-button, .pf-c-login__header .pf-c-button, .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, .pf-c-banner .pf-c-button, .pf-c-about-modal-box .pf-c-button, .pf-t-dark .pf-c-button {
|
|
25
25
|
--pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
|
|
26
26
|
--pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
|
|
27
27
|
--pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
|
|
@@ -4748,495 +4748,495 @@ html {
|
|
|
4748
4748
|
}
|
|
4749
4749
|
|
|
4750
4750
|
.pf-icon-add-circle-o:before {
|
|
4751
|
-
content: "\
|
|
4751
|
+
content: "\e61b";
|
|
4752
4752
|
}
|
|
4753
4753
|
|
|
4754
4754
|
.pf-icon-ansible-tower:before {
|
|
4755
|
-
content: "\
|
|
4755
|
+
content: "\e950";
|
|
4756
4756
|
}
|
|
4757
4757
|
|
|
4758
4758
|
.pf-icon-applications:before {
|
|
4759
|
-
content: "\
|
|
4759
|
+
content: "\e936";
|
|
4760
4760
|
}
|
|
4761
4761
|
|
|
4762
4762
|
.pf-icon-arrow:before {
|
|
4763
|
-
content: "\
|
|
4763
|
+
content: "\e929";
|
|
4764
4764
|
}
|
|
4765
4765
|
|
|
4766
4766
|
.pf-icon-asleep:before {
|
|
4767
|
-
content: "\
|
|
4767
|
+
content: "\e92e";
|
|
4768
4768
|
}
|
|
4769
4769
|
|
|
4770
4770
|
.pf-icon-attention-bell:before {
|
|
4771
|
-
content: "\
|
|
4771
|
+
content: "\e951";
|
|
4772
4772
|
}
|
|
4773
4773
|
|
|
4774
4774
|
.pf-icon-automation:before {
|
|
4775
|
-
content: "\
|
|
4775
|
+
content: "\e937";
|
|
4776
4776
|
}
|
|
4777
4777
|
|
|
4778
4778
|
.pf-icon-bell:before {
|
|
4779
|
-
content: "\
|
|
4779
|
+
content: "\e952";
|
|
4780
4780
|
}
|
|
4781
4781
|
|
|
4782
4782
|
.pf-icon-blueprint:before {
|
|
4783
|
-
content: "\
|
|
4783
|
+
content: "\e915";
|
|
4784
4784
|
}
|
|
4785
4785
|
|
|
4786
4786
|
.pf-icon-build:before {
|
|
4787
|
-
content: "\
|
|
4787
|
+
content: "\e902";
|
|
4788
4788
|
}
|
|
4789
4789
|
|
|
4790
4790
|
.pf-icon-builder-image:before {
|
|
4791
|
-
content: "\
|
|
4791
|
+
content: "\e800";
|
|
4792
4792
|
}
|
|
4793
4793
|
|
|
4794
4794
|
.pf-icon-bundle:before {
|
|
4795
|
-
content: "\
|
|
4795
|
+
content: "\e918";
|
|
4796
4796
|
}
|
|
4797
4797
|
|
|
4798
4798
|
.pf-icon-catalog:before {
|
|
4799
|
-
content: "\
|
|
4799
|
+
content: "\e953";
|
|
4800
4800
|
}
|
|
4801
4801
|
|
|
4802
4802
|
.pf-icon-chat:before {
|
|
4803
|
-
content: "\
|
|
4803
|
+
content: "\e954";
|
|
4804
4804
|
}
|
|
4805
4805
|
|
|
4806
4806
|
.pf-icon-close:before {
|
|
4807
|
-
content: "\
|
|
4807
|
+
content: "\e60b";
|
|
4808
4808
|
}
|
|
4809
4809
|
|
|
4810
4810
|
.pf-icon-cloud-security:before {
|
|
4811
|
-
content: "\
|
|
4811
|
+
content: "\e903";
|
|
4812
4812
|
}
|
|
4813
4813
|
|
|
4814
4814
|
.pf-icon-cloud-tenant:before {
|
|
4815
|
-
content: "\
|
|
4815
|
+
content: "\e904";
|
|
4816
4816
|
}
|
|
4817
4817
|
|
|
4818
4818
|
.pf-icon-cluster:before {
|
|
4819
|
-
content: "\
|
|
4819
|
+
content: "\e620";
|
|
4820
4820
|
}
|
|
4821
4821
|
|
|
4822
4822
|
.pf-icon-connected:before {
|
|
4823
|
-
content: "\
|
|
4823
|
+
content: "\e938";
|
|
4824
4824
|
}
|
|
4825
4825
|
|
|
4826
4826
|
.pf-icon-container-node:before {
|
|
4827
|
-
content: "\
|
|
4827
|
+
content: "\e621";
|
|
4828
4828
|
}
|
|
4829
4829
|
|
|
4830
4830
|
.pf-icon-cpu:before {
|
|
4831
|
-
content: "\
|
|
4831
|
+
content: "\e927";
|
|
4832
4832
|
}
|
|
4833
4833
|
|
|
4834
4834
|
.pf-icon-degraded:before {
|
|
4835
|
-
content: "\
|
|
4835
|
+
content: "\e91b";
|
|
4836
4836
|
}
|
|
4837
4837
|
|
|
4838
4838
|
.pf-icon-disconnected:before {
|
|
4839
|
-
content: "\
|
|
4839
|
+
content: "\e955";
|
|
4840
4840
|
}
|
|
4841
4841
|
|
|
4842
4842
|
.pf-icon-domain:before {
|
|
4843
|
-
content: "\
|
|
4843
|
+
content: "\e919";
|
|
4844
4844
|
}
|
|
4845
4845
|
|
|
4846
4846
|
.pf-icon-edit:before {
|
|
4847
|
-
content: "\
|
|
4847
|
+
content: "\e60a";
|
|
4848
4848
|
}
|
|
4849
4849
|
|
|
4850
4850
|
.pf-icon-enhancement:before {
|
|
4851
|
-
content: "\
|
|
4851
|
+
content: "\e93a";
|
|
4852
4852
|
}
|
|
4853
4853
|
|
|
4854
4854
|
.pf-icon-enterprise:before {
|
|
4855
|
-
content: "\
|
|
4855
|
+
content: "\e906";
|
|
4856
4856
|
}
|
|
4857
4857
|
|
|
4858
4858
|
.pf-icon-equalizer:before {
|
|
4859
|
-
content: "\
|
|
4859
|
+
content: "\e956";
|
|
4860
4860
|
}
|
|
4861
4861
|
|
|
4862
4862
|
.pf-icon-error-circle-o:before {
|
|
4863
|
-
content: "\
|
|
4863
|
+
content: "\e926";
|
|
4864
4864
|
}
|
|
4865
4865
|
|
|
4866
4866
|
.pf-icon-export:before {
|
|
4867
|
-
content: "\
|
|
4867
|
+
content: "\e616";
|
|
4868
4868
|
}
|
|
4869
4869
|
|
|
4870
4870
|
.pf-icon-filter:before {
|
|
4871
|
-
content: "\
|
|
4871
|
+
content: "\e943";
|
|
4872
4872
|
}
|
|
4873
4873
|
|
|
4874
4874
|
.pf-icon-flavor:before {
|
|
4875
|
-
content: "\
|
|
4875
|
+
content: "\e957";
|
|
4876
4876
|
}
|
|
4877
4877
|
|
|
4878
4878
|
.pf-icon-folder-close:before {
|
|
4879
|
-
content: "\
|
|
4879
|
+
content: "\e607";
|
|
4880
4880
|
}
|
|
4881
4881
|
|
|
4882
4882
|
.pf-icon-folder-open:before {
|
|
4883
|
-
content: "\
|
|
4883
|
+
content: "\e606";
|
|
4884
4884
|
}
|
|
4885
4885
|
|
|
4886
4886
|
.pf-icon-globe-route:before {
|
|
4887
|
-
content: "\
|
|
4887
|
+
content: "\e958";
|
|
4888
4888
|
}
|
|
4889
4889
|
|
|
4890
4890
|
.pf-icon-help:before {
|
|
4891
|
-
content: "\
|
|
4891
|
+
content: "\e605";
|
|
4892
4892
|
}
|
|
4893
4893
|
|
|
4894
4894
|
.pf-icon-history:before {
|
|
4895
|
-
content: "\
|
|
4895
|
+
content: "\e617";
|
|
4896
4896
|
}
|
|
4897
4897
|
|
|
4898
4898
|
.pf-icon-home:before {
|
|
4899
|
-
content: "\
|
|
4899
|
+
content: "\e618";
|
|
4900
4900
|
}
|
|
4901
4901
|
|
|
4902
4902
|
.pf-icon-import:before {
|
|
4903
|
-
content: "\
|
|
4903
|
+
content: "\e615";
|
|
4904
4904
|
}
|
|
4905
4905
|
|
|
4906
4906
|
.pf-icon-in-progress:before {
|
|
4907
|
-
content: "\
|
|
4907
|
+
content: "\e933";
|
|
4908
4908
|
}
|
|
4909
4909
|
|
|
4910
4910
|
.pf-icon-info:before {
|
|
4911
|
-
content: "\
|
|
4911
|
+
content: "\e92b";
|
|
4912
4912
|
}
|
|
4913
4913
|
|
|
4914
4914
|
.pf-icon-infrastructure:before {
|
|
4915
|
-
content: "\
|
|
4915
|
+
content: "\e93d";
|
|
4916
4916
|
}
|
|
4917
4917
|
|
|
4918
4918
|
.pf-icon-integration:before {
|
|
4919
|
-
content: "\
|
|
4919
|
+
content: "\e948";
|
|
4920
4920
|
}
|
|
4921
4921
|
|
|
4922
4922
|
.pf-icon-key:before {
|
|
4923
|
-
content: "\
|
|
4923
|
+
content: "\e924";
|
|
4924
4924
|
}
|
|
4925
4925
|
|
|
4926
4926
|
.pf-icon-locked:before {
|
|
4927
|
-
content: "\
|
|
4927
|
+
content: "\e923";
|
|
4928
4928
|
}
|
|
4929
4929
|
|
|
4930
4930
|
.pf-icon-maintenance:before {
|
|
4931
|
-
content: "\
|
|
4931
|
+
content: "\e932";
|
|
4932
4932
|
}
|
|
4933
4933
|
|
|
4934
4934
|
.pf-icon-memory:before {
|
|
4935
|
-
content: "\
|
|
4935
|
+
content: "\e908";
|
|
4936
4936
|
}
|
|
4937
4937
|
|
|
4938
4938
|
.pf-icon-messages:before {
|
|
4939
|
-
content: "\
|
|
4939
|
+
content: "\e603";
|
|
4940
4940
|
}
|
|
4941
4941
|
|
|
4942
4942
|
.pf-icon-middleware:before {
|
|
4943
|
-
content: "\
|
|
4943
|
+
content: "\e917";
|
|
4944
4944
|
}
|
|
4945
4945
|
|
|
4946
4946
|
.pf-icon-migration:before {
|
|
4947
|
-
content: "\
|
|
4947
|
+
content: "\e931";
|
|
4948
4948
|
}
|
|
4949
4949
|
|
|
4950
4950
|
.pf-icon-module:before {
|
|
4951
|
-
content: "\
|
|
4951
|
+
content: "\e959";
|
|
4952
4952
|
}
|
|
4953
4953
|
|
|
4954
4954
|
.pf-icon-monitoring:before {
|
|
4955
|
-
content: "\
|
|
4955
|
+
content: "\e95a";
|
|
4956
4956
|
}
|
|
4957
4957
|
|
|
4958
4958
|
.pf-icon-namespaces:before {
|
|
4959
|
-
content: "\
|
|
4959
|
+
content: "\e95b";
|
|
4960
4960
|
}
|
|
4961
4961
|
|
|
4962
4962
|
.pf-icon-network:before {
|
|
4963
|
-
content: "\
|
|
4963
|
+
content: "\e909";
|
|
4964
4964
|
}
|
|
4965
4965
|
|
|
4966
4966
|
.pf-icon-new-process:before {
|
|
4967
|
-
content: "\
|
|
4967
|
+
content: "\e95c";
|
|
4968
4968
|
}
|
|
4969
4969
|
|
|
4970
4970
|
.pf-icon-not-started:before {
|
|
4971
|
-
content: "\
|
|
4971
|
+
content: "\e95d";
|
|
4972
4972
|
}
|
|
4973
4973
|
|
|
4974
4974
|
.pf-icon-off:before {
|
|
4975
|
-
content: "\
|
|
4975
|
+
content: "\e92d";
|
|
4976
4976
|
}
|
|
4977
4977
|
|
|
4978
4978
|
.pf-icon-ok:before {
|
|
4979
|
-
content: "\
|
|
4979
|
+
content: "\e602";
|
|
4980
4980
|
}
|
|
4981
4981
|
|
|
4982
4982
|
.pf-icon-on-running:before {
|
|
4983
|
-
content: "\
|
|
4983
|
+
content: "\e925";
|
|
4984
4984
|
}
|
|
4985
4985
|
|
|
4986
4986
|
.pf-icon-on:before {
|
|
4987
|
-
content: "\
|
|
4987
|
+
content: "\e92c";
|
|
4988
4988
|
}
|
|
4989
4989
|
|
|
4990
4990
|
.pf-icon-openshift:before {
|
|
4991
|
-
content: "\
|
|
4991
|
+
content: "\e95e";
|
|
4992
4992
|
}
|
|
4993
4993
|
|
|
4994
4994
|
.pf-icon-openstack:before {
|
|
4995
|
-
content: "\
|
|
4995
|
+
content: "\e95f";
|
|
4996
4996
|
}
|
|
4997
4997
|
|
|
4998
4998
|
.pf-icon-optimize:before {
|
|
4999
|
-
content: "\
|
|
4999
|
+
content: "\e93e";
|
|
5000
5000
|
}
|
|
5001
5001
|
|
|
5002
5002
|
.pf-icon-orders:before {
|
|
5003
|
-
content: "\
|
|
5003
|
+
content: "\e93f";
|
|
5004
5004
|
}
|
|
5005
5005
|
|
|
5006
5006
|
.pf-icon-os-image:before {
|
|
5007
|
-
content: "\
|
|
5007
|
+
content: "\e960";
|
|
5008
5008
|
}
|
|
5009
5009
|
|
|
5010
5010
|
.pf-icon-package:before {
|
|
5011
|
-
content: "\
|
|
5011
|
+
content: "\e961";
|
|
5012
5012
|
}
|
|
5013
5013
|
|
|
5014
5014
|
.pf-icon-panel-close:before {
|
|
5015
|
-
content: "\
|
|
5015
|
+
content: "\e962";
|
|
5016
5016
|
}
|
|
5017
5017
|
|
|
5018
5018
|
.pf-icon-panel-open:before {
|
|
5019
|
-
content: "\
|
|
5019
|
+
content: "\e963";
|
|
5020
5020
|
}
|
|
5021
5021
|
|
|
5022
5022
|
.pf-icon-paused:before {
|
|
5023
|
-
content: "\
|
|
5023
|
+
content: "\e92f";
|
|
5024
5024
|
}
|
|
5025
5025
|
|
|
5026
5026
|
.pf-icon-pending:before {
|
|
5027
|
-
content: "\
|
|
5027
|
+
content: "\e964";
|
|
5028
5028
|
}
|
|
5029
5029
|
|
|
5030
5030
|
.pf-icon-pficon-dragdrop:before {
|
|
5031
|
-
content: "\
|
|
5031
|
+
content: "\e965";
|
|
5032
5032
|
}
|
|
5033
5033
|
|
|
5034
5034
|
.pf-icon-pficon-history:before {
|
|
5035
|
-
content: "\
|
|
5035
|
+
content: "\e966";
|
|
5036
5036
|
}
|
|
5037
5037
|
|
|
5038
5038
|
.pf-icon-pficon-network-range:before {
|
|
5039
|
-
content: "\
|
|
5039
|
+
content: "\e967";
|
|
5040
5040
|
}
|
|
5041
5041
|
|
|
5042
5042
|
.pf-icon-pficon-satellite:before {
|
|
5043
|
-
content: "\
|
|
5043
|
+
content: "\e968";
|
|
5044
5044
|
}
|
|
5045
5045
|
|
|
5046
5046
|
.pf-icon-pficon-sort-common-asc:before {
|
|
5047
|
-
content: "\
|
|
5047
|
+
content: "\e94e";
|
|
5048
5048
|
}
|
|
5049
5049
|
|
|
5050
5050
|
.pf-icon-pficon-sort-common-desc:before {
|
|
5051
|
-
content: "\
|
|
5051
|
+
content: "\e94f";
|
|
5052
5052
|
}
|
|
5053
5053
|
|
|
5054
5054
|
.pf-icon-pficon-template:before {
|
|
5055
|
-
content: "\
|
|
5055
|
+
content: "\e94c";
|
|
5056
5056
|
}
|
|
5057
5057
|
|
|
5058
5058
|
.pf-icon-pficon-vcenter:before {
|
|
5059
|
-
content: "\
|
|
5059
|
+
content: "\e969";
|
|
5060
5060
|
}
|
|
5061
5061
|
|
|
5062
5062
|
.pf-icon-plugged:before {
|
|
5063
|
-
content: "\
|
|
5063
|
+
content: "\e96a";
|
|
5064
5064
|
}
|
|
5065
5065
|
|
|
5066
5066
|
.pf-icon-port:before {
|
|
5067
|
-
content: "\
|
|
5067
|
+
content: "\e96b";
|
|
5068
5068
|
}
|
|
5069
5069
|
|
|
5070
5070
|
.pf-icon-print:before {
|
|
5071
|
-
content: "\
|
|
5071
|
+
content: "\e612";
|
|
5072
5072
|
}
|
|
5073
5073
|
|
|
5074
5074
|
.pf-icon-private:before {
|
|
5075
|
-
content: "\
|
|
5075
|
+
content: "\e914";
|
|
5076
5076
|
}
|
|
5077
5077
|
|
|
5078
5078
|
.pf-icon-process-automation:before {
|
|
5079
|
-
content: "\
|
|
5079
|
+
content: "\e949";
|
|
5080
5080
|
}
|
|
5081
5081
|
|
|
5082
5082
|
.pf-icon-project:before {
|
|
5083
|
-
content: "\
|
|
5083
|
+
content: "\e96c";
|
|
5084
5084
|
}
|
|
5085
5085
|
|
|
5086
5086
|
.pf-icon-rebalance:before {
|
|
5087
|
-
content: "\
|
|
5087
|
+
content: "\e91c";
|
|
5088
5088
|
}
|
|
5089
5089
|
|
|
5090
5090
|
.pf-icon-rebooting:before {
|
|
5091
|
-
content: "\
|
|
5091
|
+
content: "\e96d";
|
|
5092
5092
|
}
|
|
5093
5093
|
|
|
5094
5094
|
.pf-icon-regions:before {
|
|
5095
|
-
content: "\
|
|
5095
|
+
content: "\e90a";
|
|
5096
5096
|
}
|
|
5097
5097
|
|
|
5098
5098
|
.pf-icon-registry:before {
|
|
5099
|
-
content: "\
|
|
5099
|
+
content: "\e623";
|
|
5100
5100
|
}
|
|
5101
5101
|
|
|
5102
5102
|
.pf-icon-remove2:before {
|
|
5103
|
-
content: "\
|
|
5103
|
+
content: "\e96e";
|
|
5104
5104
|
}
|
|
5105
5105
|
|
|
5106
5106
|
.pf-icon-replicator:before {
|
|
5107
|
-
content: "\
|
|
5107
|
+
content: "\e624";
|
|
5108
5108
|
}
|
|
5109
5109
|
|
|
5110
5110
|
.pf-icon-repository:before {
|
|
5111
|
-
content: "\
|
|
5111
|
+
content: "\e90b";
|
|
5112
5112
|
}
|
|
5113
5113
|
|
|
5114
5114
|
.pf-icon-resource-pool:before {
|
|
5115
|
-
content: "\
|
|
5115
|
+
content: "\e90c";
|
|
5116
5116
|
}
|
|
5117
5117
|
|
|
5118
5118
|
.pf-icon-resources-almost-empty:before {
|
|
5119
|
-
content: "\
|
|
5119
|
+
content: "\e91d";
|
|
5120
5120
|
}
|
|
5121
5121
|
|
|
5122
5122
|
.pf-icon-resources-almost-full:before {
|
|
5123
|
-
content: "\
|
|
5123
|
+
content: "\e912";
|
|
5124
5124
|
}
|
|
5125
5125
|
|
|
5126
5126
|
.pf-icon-resources-empty:before {
|
|
5127
|
-
content: "\
|
|
5127
|
+
content: "\e96f";
|
|
5128
5128
|
}
|
|
5129
5129
|
|
|
5130
5130
|
.pf-icon-resources-full:before {
|
|
5131
|
-
content: "\
|
|
5131
|
+
content: "\e913";
|
|
5132
5132
|
}
|
|
5133
5133
|
|
|
5134
5134
|
.pf-icon-running:before {
|
|
5135
|
-
content: "\
|
|
5135
|
+
content: "\e970";
|
|
5136
5136
|
}
|
|
5137
5137
|
|
|
5138
5138
|
.pf-icon-save:before {
|
|
5139
|
-
content: "\
|
|
5139
|
+
content: "\e601";
|
|
5140
5140
|
}
|
|
5141
5141
|
|
|
5142
5142
|
.pf-icon-screen:before {
|
|
5143
|
-
content: "\
|
|
5143
|
+
content: "\e971";
|
|
5144
5144
|
}
|
|
5145
5145
|
|
|
5146
5146
|
.pf-icon-security:before {
|
|
5147
|
-
content: "\
|
|
5147
|
+
content: "\e946";
|
|
5148
5148
|
}
|
|
5149
5149
|
|
|
5150
5150
|
.pf-icon-server-group:before {
|
|
5151
|
-
content: "\
|
|
5151
|
+
content: "\e91a";
|
|
5152
5152
|
}
|
|
5153
5153
|
|
|
5154
5154
|
.pf-icon-server:before {
|
|
5155
|
-
content: "\
|
|
5155
|
+
content: "\e90d";
|
|
5156
5156
|
}
|
|
5157
5157
|
|
|
5158
5158
|
.pf-icon-service-catalog:before {
|
|
5159
|
-
content: "\
|
|
5159
|
+
content: "\e972";
|
|
5160
5160
|
}
|
|
5161
5161
|
|
|
5162
5162
|
.pf-icon-service:before {
|
|
5163
|
-
content: "\
|
|
5163
|
+
content: "\e61e";
|
|
5164
5164
|
}
|
|
5165
5165
|
|
|
5166
5166
|
.pf-icon-services:before {
|
|
5167
|
-
content: "\
|
|
5167
|
+
content: "\e947";
|
|
5168
5168
|
}
|
|
5169
5169
|
|
|
5170
5170
|
.pf-icon-spinner:before {
|
|
5171
|
-
content: "\
|
|
5171
|
+
content: "\e973";
|
|
5172
5172
|
}
|
|
5173
5173
|
|
|
5174
5174
|
.pf-icon-spinner2:before {
|
|
5175
|
-
content: "\
|
|
5175
|
+
content: "\e613";
|
|
5176
5176
|
}
|
|
5177
5177
|
|
|
5178
5178
|
.pf-icon-storage-domain:before {
|
|
5179
|
-
content: "\
|
|
5179
|
+
content: "\e90e";
|
|
5180
5180
|
}
|
|
5181
5181
|
|
|
5182
5182
|
.pf-icon-task:before {
|
|
5183
|
-
content: "\
|
|
5183
|
+
content: "\e974";
|
|
5184
5184
|
}
|
|
5185
5185
|
|
|
5186
5186
|
.pf-icon-tenant:before {
|
|
5187
|
-
content: "\
|
|
5187
|
+
content: "\e916";
|
|
5188
5188
|
}
|
|
5189
5189
|
|
|
5190
5190
|
.pf-icon-thumb-tack:before {
|
|
5191
|
-
content: "\
|
|
5191
|
+
content: "\e920";
|
|
5192
5192
|
}
|
|
5193
5193
|
|
|
5194
5194
|
.pf-icon-topology:before {
|
|
5195
|
-
content: "\
|
|
5195
|
+
content: "\e608";
|
|
5196
5196
|
}
|
|
5197
5197
|
|
|
5198
5198
|
.pf-icon-trend-down:before {
|
|
5199
|
-
content: "\
|
|
5199
|
+
content: "\e900";
|
|
5200
5200
|
}
|
|
5201
5201
|
|
|
5202
5202
|
.pf-icon-trend-up:before {
|
|
5203
|
-
content: "\
|
|
5203
|
+
content: "\e901";
|
|
5204
5204
|
}
|
|
5205
5205
|
|
|
5206
5206
|
.pf-icon-unknown:before {
|
|
5207
|
-
content: "\
|
|
5207
|
+
content: "\e935";
|
|
5208
5208
|
}
|
|
5209
5209
|
|
|
5210
5210
|
.pf-icon-unlocked:before {
|
|
5211
|
-
content: "\
|
|
5211
|
+
content: "\e922";
|
|
5212
5212
|
}
|
|
5213
5213
|
|
|
5214
5214
|
.pf-icon-unplugged:before {
|
|
5215
|
-
content: "\
|
|
5215
|
+
content: "\e942";
|
|
5216
5216
|
}
|
|
5217
5217
|
|
|
5218
5218
|
.pf-icon-user:before {
|
|
5219
|
-
content: "\
|
|
5219
|
+
content: "\e91e";
|
|
5220
5220
|
}
|
|
5221
5221
|
|
|
5222
5222
|
.pf-icon-users:before {
|
|
5223
|
-
content: "\
|
|
5223
|
+
content: "\e91f";
|
|
5224
5224
|
}
|
|
5225
5225
|
|
|
5226
5226
|
.pf-icon-virtual-machine:before {
|
|
5227
|
-
content: "\
|
|
5227
|
+
content: "\e90f";
|
|
5228
5228
|
}
|
|
5229
5229
|
|
|
5230
5230
|
.pf-icon-volume:before {
|
|
5231
|
-
content: "\
|
|
5231
|
+
content: "\e910";
|
|
5232
5232
|
}
|
|
5233
5233
|
|
|
5234
5234
|
.pf-icon-warning-triangle:before {
|
|
5235
|
-
content: "\
|
|
5235
|
+
content: "\e975";
|
|
5236
5236
|
}
|
|
5237
5237
|
|
|
5238
5238
|
.pf-icon-zone:before {
|
|
5239
|
-
content: "\
|
|
5239
|
+
content: "\e911";
|
|
5240
5240
|
}
|
|
5241
5241
|
|
|
5242
5242
|
.pf-c-about-modal-box {
|
|
@@ -8241,6 +8241,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8241
8241
|
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-global--BorderColor--200);
|
|
8242
8242
|
--pf-c-context-selector__toggle--BorderLeftColor: var(--pf-global--BorderColor--300);
|
|
8243
8243
|
--pf-c-context-selector__toggle--Color: var(--pf-global--Color--100);
|
|
8244
|
+
--pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector__toggle--BorderWidth);
|
|
8244
8245
|
--pf-c-context-selector__toggle--hover--BorderBottomColor: var(--pf-global--active-color--100);
|
|
8245
8246
|
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--md);
|
|
8246
8247
|
--pf-c-context-selector__toggle--active--BorderBottomColor: var(--pf-global--active-color--100);
|
|
@@ -8293,11 +8294,56 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8293
8294
|
--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
8294
8295
|
--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
8295
8296
|
--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
8297
|
+
--pf-c-context-selector--m-large__toggle--PaddingTop: var(--pf-global--spacer--md);
|
|
8298
|
+
--pf-c-context-selector--m-large__toggle--PaddingBottom: var(--pf-global--spacer--md);
|
|
8299
|
+
--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
8300
|
+
--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
8301
|
+
--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
|
|
8302
|
+
--pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-global--spacer--md);
|
|
8303
|
+
--pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-global--spacer--md);
|
|
8304
|
+
--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
8305
|
+
--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8306
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-global--spacer--md);
|
|
8307
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-global--spacer--md);
|
|
8308
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
8309
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8310
|
+
--pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-global--spacer--md);
|
|
8311
|
+
--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-global--spacer--md);
|
|
8312
|
+
--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
8313
|
+
--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8314
|
+
--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-global--spacer--md);
|
|
8315
|
+
--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-global--spacer--md);
|
|
8316
|
+
--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
8317
|
+
--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8318
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-global--spacer--md);
|
|
8319
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-global--spacer--md);
|
|
8320
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
8321
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8322
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-global--spacer--md);
|
|
8323
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-global--spacer--md);
|
|
8324
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
8325
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
8296
8326
|
position: relative;
|
|
8297
8327
|
display: inline-block;
|
|
8298
8328
|
width: var(--pf-c-context-selector--Width);
|
|
8299
8329
|
max-width: 100%;
|
|
8300
8330
|
}
|
|
8331
|
+
@media screen and (min-width: 1200px) {
|
|
8332
|
+
.pf-c-context-selector {
|
|
8333
|
+
--pf-c-context-selector--m-page-insets__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingRight);
|
|
8334
|
+
--pf-c-context-selector--m-page-insets__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--xl--PaddingLeft);
|
|
8335
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingRight);
|
|
8336
|
+
--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--xl--PaddingLeft);
|
|
8337
|
+
--pf-c-context-selector--m-page-insets__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingRight);
|
|
8338
|
+
--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--xl--PaddingLeft);
|
|
8339
|
+
--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingRight);
|
|
8340
|
+
--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--xl--PaddingLeft);
|
|
8341
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingRight);
|
|
8342
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--xl--PaddingLeft);
|
|
8343
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingRight);
|
|
8344
|
+
--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--xl--PaddingLeft);
|
|
8345
|
+
}
|
|
8346
|
+
}
|
|
8301
8347
|
.pf-c-context-selector.pf-m-full-height {
|
|
8302
8348
|
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--active--BorderBottomWidth);
|
|
8303
8349
|
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-full-height__toggle--expanded--BorderBottomWidth);
|
|
@@ -8316,6 +8362,27 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8316
8362
|
.pf-c-context-selector.pf-m-full-height:hover .pf-c-context-selector__toggle::before {
|
|
8317
8363
|
border-bottom-width: var(--pf-c-context-selector--m-full-height__toggle--hover--BorderBottomWidth);
|
|
8318
8364
|
}
|
|
8365
|
+
.pf-c-context-selector.pf-m-large {
|
|
8366
|
+
--pf-c-context-selector__toggle--PaddingTop: var(--pf-c-context-selector--m-large__toggle--PaddingTop);
|
|
8367
|
+
--pf-c-context-selector__toggle--PaddingBottom: var(--pf-c-context-selector--m-large__toggle--PaddingBottom);
|
|
8368
|
+
--pf-c-context-selector__toggle--hover--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--hover--BorderBottomWidth);
|
|
8369
|
+
--pf-c-context-selector__toggle--active--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--active--BorderBottomWidth);
|
|
8370
|
+
--pf-c-context-selector__toggle--expanded--BorderBottomWidth: var(--pf-c-context-selector--m-large__toggle--expanded--BorderBottomWidth);
|
|
8371
|
+
}
|
|
8372
|
+
.pf-c-context-selector.pf-m-page-insets {
|
|
8373
|
+
--pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--PaddingRight);
|
|
8374
|
+
--pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--PaddingLeft);
|
|
8375
|
+
--pf-c-context-selector__menu-list-item--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingRight);
|
|
8376
|
+
--pf-c-context-selector__menu-list-item--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-list-item--PaddingLeft);
|
|
8377
|
+
--pf-c-context-selector__menu-search--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingRight);
|
|
8378
|
+
--pf-c-context-selector__menu-search--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-search--PaddingLeft);
|
|
8379
|
+
--pf-c-context-selector__menu-footer--PaddingRight: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingRight);
|
|
8380
|
+
--pf-c-context-selector__menu-footer--PaddingLeft: var(--pf-c-context-selector--m-page-insets__menu-footer--PaddingLeft);
|
|
8381
|
+
--pf-c-context-selector__toggle--m-plain--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingRight);
|
|
8382
|
+
--pf-c-context-selector__toggle--m-plain--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--PaddingLeft);
|
|
8383
|
+
--pf-c-context-selector__toggle--m-plain--m-text--PaddingRight: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingRight);
|
|
8384
|
+
--pf-c-context-selector__toggle--m-plain--m-text--PaddingLeft: var(--pf-c-context-selector--m-page-insets__toggle--m-plain--m-text--PaddingLeft);
|
|
8385
|
+
}
|
|
8319
8386
|
|
|
8320
8387
|
.pf-c-context-selector__toggle {
|
|
8321
8388
|
position: relative;
|
|
@@ -8341,6 +8408,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
8341
8408
|
}
|
|
8342
8409
|
.pf-c-context-selector__toggle:hover::before {
|
|
8343
8410
|
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--hover--BorderBottomColor);
|
|
8411
|
+
border-bottom-width: var(--pf-c-context-selector__toggle--hover--BorderBottomWidth);
|
|
8344
8412
|
}
|
|
8345
8413
|
.pf-c-context-selector__toggle:active::before, .pf-c-context-selector__toggle.pf-m-active::before, .pf-c-context-selector__toggle:focus-within::before {
|
|
8346
8414
|
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-context-selector__toggle--active--BorderBottomColor);
|
|
@@ -12189,7 +12257,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
12189
12257
|
border-top-width: var(--pf-c-dropdown--m-full-height__toggle--before--BorderTopWidth);
|
|
12190
12258
|
}
|
|
12191
12259
|
.pf-c-dropdown.pf-m-full-height:hover .pf-c-dropdown__toggle::before {
|
|
12192
|
-
border-bottom-width: var(--pf-c-
|
|
12260
|
+
border-bottom-width: var(--pf-c-dropdown--m-full-height__toggle--hover--before--BorderBottomWidth);
|
|
12193
12261
|
}
|
|
12194
12262
|
|
|
12195
12263
|
.pf-c-dropdown__toggle {
|
|
@@ -15150,6 +15218,7 @@ ul.pf-c-list {
|
|
|
15150
15218
|
--pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
|
|
15151
15219
|
--pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
|
|
15152
15220
|
--pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
|
|
15221
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
|
|
15153
15222
|
--pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
|
|
15154
15223
|
}
|
|
15155
15224
|
.pf-c-masthead .pf-c-context-selector.pf-m-full-height {
|
|
@@ -17914,6 +17983,11 @@ ul.pf-c-list {
|
|
|
17914
17983
|
--pf-c-page__sidebar--xl--TranslateX: 0;
|
|
17915
17984
|
--pf-c-page__sidebar-body--PaddingTop: var(--pf-global--spacer--sm);
|
|
17916
17985
|
--pf-c-page__sidebar-body--PaddingBottom: var(--pf-global--spacer--md);
|
|
17986
|
+
--pf-c-page__sidebar-body--m-menu--PaddingTop: 0;
|
|
17987
|
+
--pf-c-page__sidebar-body--m-menu--PaddingBottom: 0;
|
|
17988
|
+
--pf-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-global--BackgroundColor--dark-200);
|
|
17989
|
+
--pf-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-global--BorderWidth--sm);
|
|
17990
|
+
--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
|
|
17917
17991
|
--pf-c-page__main--ZIndex: var(--pf-global--ZIndex--xs);
|
|
17918
17992
|
--pf-c-page__main-section--PaddingTop: var(--pf-global--spacer--md);
|
|
17919
17993
|
--pf-c-page__main-section--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -18193,6 +18267,24 @@ ul.pf-c-list {
|
|
|
18193
18267
|
padding-top: var(--pf-c-page__sidebar-body--PaddingTop);
|
|
18194
18268
|
padding-bottom: var(--pf-c-page__sidebar-body--PaddingBottom);
|
|
18195
18269
|
}
|
|
18270
|
+
.pf-c-page__sidebar-body.pf-m-menu {
|
|
18271
|
+
--pf-c-page__sidebar-body--PaddingTop: var(--pf-c-page__sidebar-body--m-menu--PaddingTop);
|
|
18272
|
+
--pf-c-page__sidebar-body--PaddingBottom: var(--pf-c-page__sidebar-body--m-menu--PaddingBottom);
|
|
18273
|
+
background-color: var(--pf-global--palette--black-900);
|
|
18274
|
+
border-top: var(--pf-c-page__sidebar-body--m-menu--BorderTopWidth) solid var(--pf-c-page__sidebar-body--m-menu--BorderTopColor);
|
|
18275
|
+
}
|
|
18276
|
+
.pf-c-page__sidebar-body.pf-m-menu + .pf-c-page__sidebar-body.pf-m-menu {
|
|
18277
|
+
--pf-c-page__sidebar-body--m-menu--BorderTopWidth: 0;
|
|
18278
|
+
}
|
|
18279
|
+
.pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector {
|
|
18280
|
+
--pf-c-context-selector__toggle--BorderTopColor: transparent;
|
|
18281
|
+
--pf-c-context-selector__toggle--BorderRightColor: transparent;
|
|
18282
|
+
--pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor);
|
|
18283
|
+
--pf-c-context-selector__toggle--BorderLeftColor: transparent;
|
|
18284
|
+
--pf-c-context-selector__menu--Top: 100%;
|
|
18285
|
+
color: var(--pf-global--Color--100);
|
|
18286
|
+
width: 100%;
|
|
18287
|
+
}
|
|
18196
18288
|
|
|
18197
18289
|
.pf-c-page__main-nav.pf-m-limit-width,
|
|
18198
18290
|
.pf-c-page__main-breadcrumb.pf-m-limit-width,
|
|
@@ -18838,11 +18930,100 @@ ul.pf-c-list {
|
|
|
18838
18930
|
}
|
|
18839
18931
|
}
|
|
18840
18932
|
|
|
18933
|
+
.pf-c-panel {
|
|
18934
|
+
--pf-c-panel--Width: auto;
|
|
18935
|
+
--pf-c-panel--MinWidth: auto;
|
|
18936
|
+
--pf-c-panel--MaxWidth: none;
|
|
18937
|
+
--pf-c-panel--ZIndex: auto;
|
|
18938
|
+
--pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
18939
|
+
--pf-c-panel--BoxShadow: none;
|
|
18940
|
+
--pf-c-panel--before--BorderWidth: 0;
|
|
18941
|
+
--pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
|
|
18942
|
+
--pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
|
|
18943
|
+
--pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
18944
|
+
--pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
|
|
18945
|
+
--pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
|
|
18946
|
+
--pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
|
|
18947
|
+
--pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
|
|
18948
|
+
--pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
|
|
18949
|
+
--pf-c-panel__main--MaxHeight: none;
|
|
18950
|
+
--pf-c-panel__main--Overflow: visible;
|
|
18951
|
+
--pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
|
|
18952
|
+
--pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
|
|
18953
|
+
--pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
|
|
18954
|
+
--pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
|
|
18955
|
+
--pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
|
|
18956
|
+
--pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
|
|
18957
|
+
--pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
|
|
18958
|
+
--pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
|
|
18959
|
+
--pf-c-panel__footer--BoxShadow: none;
|
|
18960
|
+
--pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
18961
|
+
--pf-c-panel--m-scrollable__main--Overflow: auto;
|
|
18962
|
+
--pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
|
|
18963
|
+
position: relative;
|
|
18964
|
+
z-index: var(--pf-c-panel--ZIndex);
|
|
18965
|
+
width: var(--pf-c-panel--Width);
|
|
18966
|
+
min-width: var(--pf-c-panel--MinWidth);
|
|
18967
|
+
max-width: var(--pf-c-panel--MaxWidth);
|
|
18968
|
+
background-color: var(--pf-c-panel--BackgroundColor);
|
|
18969
|
+
box-shadow: var(--pf-c-panel--BoxShadow);
|
|
18970
|
+
}
|
|
18971
|
+
.pf-c-panel::before {
|
|
18972
|
+
position: absolute;
|
|
18973
|
+
top: 0;
|
|
18974
|
+
right: 0;
|
|
18975
|
+
bottom: 0;
|
|
18976
|
+
left: 0;
|
|
18977
|
+
pointer-events: none;
|
|
18978
|
+
content: "";
|
|
18979
|
+
border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
|
|
18980
|
+
}
|
|
18981
|
+
.pf-c-panel.pf-m-bordered {
|
|
18982
|
+
--pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
|
|
18983
|
+
}
|
|
18984
|
+
.pf-c-panel.pf-m-raised {
|
|
18985
|
+
--pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
|
|
18986
|
+
--pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
|
|
18987
|
+
}
|
|
18988
|
+
.pf-c-panel.pf-m-scrollable {
|
|
18989
|
+
--pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
|
|
18990
|
+
--pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
|
|
18991
|
+
--pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
|
|
18992
|
+
}
|
|
18993
|
+
|
|
18994
|
+
.pf-c-panel__header {
|
|
18995
|
+
padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
|
|
18996
|
+
}
|
|
18997
|
+
|
|
18998
|
+
.pf-c-panel__main {
|
|
18999
|
+
max-height: var(--pf-c-panel__main--MaxHeight);
|
|
19000
|
+
overflow: var(--pf-c-panel__main--Overflow);
|
|
19001
|
+
}
|
|
19002
|
+
|
|
19003
|
+
.pf-c-panel__main-body {
|
|
19004
|
+
padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
|
|
19005
|
+
}
|
|
19006
|
+
|
|
19007
|
+
.pf-c-panel__footer {
|
|
19008
|
+
padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
|
|
19009
|
+
box-shadow: var(--pf-c-panel__footer--BoxShadow);
|
|
19010
|
+
}
|
|
19011
|
+
|
|
18841
19012
|
.pf-c-popover {
|
|
18842
19013
|
--pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
|
|
18843
19014
|
--pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
18844
19015
|
--pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
|
|
18845
|
-
--pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--
|
|
19016
|
+
--pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
19017
|
+
--pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
|
|
19018
|
+
--pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
|
|
19019
|
+
--pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
|
|
19020
|
+
--pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
|
|
19021
|
+
--pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
|
|
19022
|
+
--pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
|
|
19023
|
+
--pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
|
|
19024
|
+
--pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
|
|
19025
|
+
--pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
|
|
19026
|
+
--pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
|
|
18846
19027
|
--pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
18847
19028
|
--pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
|
|
18848
19029
|
--pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
|
|
@@ -18850,7 +19031,7 @@ ul.pf-c-list {
|
|
|
18850
19031
|
--pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
|
|
18851
19032
|
--pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
|
|
18852
19033
|
--pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
|
|
18853
|
-
--pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--
|
|
19034
|
+
--pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
18854
19035
|
--pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
18855
19036
|
--pf-c-popover__arrow--m-top--TranslateX: -50%;
|
|
18856
19037
|
--pf-c-popover__arrow--m-top--TranslateY: 50%;
|
|
@@ -18869,6 +19050,12 @@ ul.pf-c-list {
|
|
|
18869
19050
|
--pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
|
|
18870
19051
|
--pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
|
|
18871
19052
|
--pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19053
|
+
--pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
|
|
19054
|
+
--pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
|
|
19055
|
+
--pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
|
|
19056
|
+
--pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
|
|
19057
|
+
--pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
19058
|
+
--pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
|
|
18872
19059
|
--pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
|
|
18873
19060
|
position: relative;
|
|
18874
19061
|
min-width: var(--pf-c-popover--MinWidth);
|
|
@@ -18920,6 +19107,26 @@ ul.pf-c-list {
|
|
|
18920
19107
|
right: 0;
|
|
18921
19108
|
left: auto;
|
|
18922
19109
|
}
|
|
19110
|
+
.pf-c-popover.pf-m-danger {
|
|
19111
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
|
|
19112
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
|
|
19113
|
+
}
|
|
19114
|
+
.pf-c-popover.pf-m-warning {
|
|
19115
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
|
|
19116
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
|
|
19117
|
+
}
|
|
19118
|
+
.pf-c-popover.pf-m-success {
|
|
19119
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
|
|
19120
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
|
|
19121
|
+
}
|
|
19122
|
+
.pf-c-popover.pf-m-default {
|
|
19123
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
|
|
19124
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
|
|
19125
|
+
}
|
|
19126
|
+
.pf-c-popover.pf-m-info {
|
|
19127
|
+
--pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
|
|
19128
|
+
--pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
|
|
19129
|
+
}
|
|
18923
19130
|
|
|
18924
19131
|
.pf-c-popover__content {
|
|
18925
19132
|
position: relative;
|
|
@@ -18947,6 +19154,26 @@ ul.pf-c-list {
|
|
|
18947
19154
|
box-shadow: var(--pf-c-popover__arrow--BoxShadow);
|
|
18948
19155
|
}
|
|
18949
19156
|
|
|
19157
|
+
.pf-c-popover__title {
|
|
19158
|
+
flex: 0 0 auto;
|
|
19159
|
+
margin-bottom: var(--pf-c-popover__title--MarginBottom);
|
|
19160
|
+
font-family: var(--pf-c-popover__title--FontFamily);
|
|
19161
|
+
font-size: var(--pf-c-popover__title--FontSize);
|
|
19162
|
+
line-height: var(--pf-c-popover__title--LineHeight);
|
|
19163
|
+
}
|
|
19164
|
+
.pf-c-popover__title.pf-m-icon {
|
|
19165
|
+
display: flex;
|
|
19166
|
+
}
|
|
19167
|
+
|
|
19168
|
+
.pf-c-popover__title-icon {
|
|
19169
|
+
margin-right: var(--pf-c-popover__title-icon--MarginRight);
|
|
19170
|
+
color: var(--pf-c-popover__title-icon--Color);
|
|
19171
|
+
}
|
|
19172
|
+
|
|
19173
|
+
.pf-c-popover__title-text {
|
|
19174
|
+
color: var(--pf-c-popover__title-text--Color, inherit);
|
|
19175
|
+
}
|
|
19176
|
+
|
|
18950
19177
|
.pf-c-popover__body {
|
|
18951
19178
|
word-wrap: break-word;
|
|
18952
19179
|
}
|