@patternfly/patternfly 4.196.8 → 4.197.1
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/Card/card.css +8 -0
- package/components/Card/card.scss +7 -0
- package/components/Card/themes/dark/card.scss +13 -0
- package/components/Dropdown/dropdown.css +56 -1
- package/components/Dropdown/dropdown.scss +76 -2
- package/docs/components/Dropdown/examples/Dropdown.css +2 -1
- package/docs/components/Dropdown/examples/Dropdown.md +165 -0
- package/docs/demos/Drawer/examples/Drawer.md +152 -172
- package/docs/demos/JumpLinks/examples/JumpLinks.md +152 -172
- package/package.json +1 -1
- package/patternfly-no-reset.css +94 -1
- package/patternfly.css +94 -1
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -4775,94 +4775,82 @@ section: components
|
|
|
4775
4775
|
class="pf-c-drawer__content"
|
|
4776
4776
|
id="jump-links-drawer-drawer-scrollable-container"
|
|
4777
4777
|
>
|
|
4778
|
-
<div class="pf-c-drawer__body">
|
|
4779
|
-
<div class="pf-c-
|
|
4780
|
-
<div class="pf-c-
|
|
4781
|
-
<div class="pf-c-
|
|
4782
|
-
<
|
|
4783
|
-
|
|
4784
|
-
|
|
4785
|
-
>
|
|
4786
|
-
|
|
4787
|
-
<
|
|
4788
|
-
<
|
|
4789
|
-
|
|
4790
|
-
|
|
4791
|
-
|
|
4792
|
-
>
|
|
4793
|
-
|
|
4794
|
-
|
|
4795
|
-
|
|
4796
|
-
|
|
4797
|
-
|
|
4798
|
-
|
|
4799
|
-
|
|
4800
|
-
|
|
4801
|
-
|
|
4802
|
-
>
|
|
4803
|
-
|
|
4804
|
-
|
|
4805
|
-
|
|
4806
|
-
|
|
4807
|
-
|
|
4808
|
-
|
|
4809
|
-
|
|
4810
|
-
|
|
4811
|
-
|
|
4812
|
-
|
|
4813
|
-
|
|
4814
|
-
|
|
4815
|
-
|
|
4816
|
-
|
|
4817
|
-
|
|
4818
|
-
|
|
4819
|
-
|
|
4820
|
-
|
|
4821
|
-
|
|
4822
|
-
|
|
4823
|
-
|
|
4824
|
-
|
|
4825
|
-
|
|
4826
|
-
|
|
4827
|
-
|
|
4828
|
-
|
|
4829
|
-
|
|
4830
|
-
|
|
4831
|
-
|
|
4832
|
-
|
|
4833
|
-
|
|
4834
|
-
|
|
4835
|
-
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
</nav>
|
|
4840
|
-
</div>
|
|
4841
|
-
<div class="pf-c-sidebar__content">
|
|
4842
|
-
<div class="pf-c-content">
|
|
4843
|
-
<p>
|
|
4844
|
-
<b>Note:</b> Jump links require javascript to look and function properly, so while clicking on the jump links in these demos may take you to anchors on the page, the full functionality isn't implemented. Refer to the react demos to see the intended design and functionality.
|
|
4845
|
-
</p>
|
|
4778
|
+
<div class="pf-c-drawer__body pf-m-padding">
|
|
4779
|
+
<div class="pf-c-sidebar">
|
|
4780
|
+
<div class="pf-c-sidebar__main">
|
|
4781
|
+
<div class="pf-c-sidebar__panel pf-m-sticky pf-m-gutter">
|
|
4782
|
+
<nav
|
|
4783
|
+
class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
|
|
4784
|
+
>
|
|
4785
|
+
<div class="pf-c-jump-links__label">Jump to section</div>
|
|
4786
|
+
<ul class="pf-c-jump-links__list">
|
|
4787
|
+
<li class="pf-c-jump-links__item pf-m-current">
|
|
4788
|
+
<a
|
|
4789
|
+
class="pf-c-jump-links__link"
|
|
4790
|
+
href="#jump-links-drawer-jump-links-first"
|
|
4791
|
+
>
|
|
4792
|
+
<span class="pf-c-jump-links__link-text">First section</span>
|
|
4793
|
+
</a>
|
|
4794
|
+
</li>
|
|
4795
|
+
<li class="pf-c-jump-links__item">
|
|
4796
|
+
<a
|
|
4797
|
+
class="pf-c-jump-links__link"
|
|
4798
|
+
href="#jump-links-drawer-jump-links-second"
|
|
4799
|
+
>
|
|
4800
|
+
<span
|
|
4801
|
+
class="pf-c-jump-links__link-text"
|
|
4802
|
+
>Second section</span>
|
|
4803
|
+
</a>
|
|
4804
|
+
</li>
|
|
4805
|
+
<li class="pf-c-jump-links__item">
|
|
4806
|
+
<a
|
|
4807
|
+
class="pf-c-jump-links__link"
|
|
4808
|
+
href="#jump-links-drawer-jump-links-third"
|
|
4809
|
+
>
|
|
4810
|
+
<span class="pf-c-jump-links__link-text">Third section</span>
|
|
4811
|
+
</a>
|
|
4812
|
+
</li>
|
|
4813
|
+
<li class="pf-c-jump-links__item">
|
|
4814
|
+
<a
|
|
4815
|
+
class="pf-c-jump-links__link"
|
|
4816
|
+
href="#jump-links-drawer-jump-links-fourth"
|
|
4817
|
+
>
|
|
4818
|
+
<span
|
|
4819
|
+
class="pf-c-jump-links__link-text"
|
|
4820
|
+
>Fourth section</span>
|
|
4821
|
+
</a>
|
|
4822
|
+
</li>
|
|
4823
|
+
<li class="pf-c-jump-links__item">
|
|
4824
|
+
<a
|
|
4825
|
+
class="pf-c-jump-links__link"
|
|
4826
|
+
href="#jump-links-drawer-jump-links-fifth"
|
|
4827
|
+
>
|
|
4828
|
+
<span class="pf-c-jump-links__link-text">Fifth section</span>
|
|
4829
|
+
</a>
|
|
4830
|
+
</li>
|
|
4831
|
+
</ul>
|
|
4832
|
+
</nav>
|
|
4833
|
+
</div>
|
|
4834
|
+
<div class="pf-c-sidebar__content">
|
|
4835
|
+
<div class="pf-c-content">
|
|
4836
|
+
<p>
|
|
4837
|
+
<b>Note:</b> Jump links require javascript to look and function properly, so while clicking on the jump links in these demos may take you to anchors on the page, the full functionality isn't implemented. Refer to the react demos to see the intended design and functionality.
|
|
4838
|
+
</p>
|
|
4846
4839
|
|
|
4847
|
-
|
|
4848
|
-
|
|
4840
|
+
<h2 id="jump-links-drawer-jump-links-first">First section</h2>
|
|
4841
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4849
4842
|
|
|
4850
|
-
|
|
4851
|
-
|
|
4852
|
-
>Second section</h2>
|
|
4853
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4843
|
+
<h2 id="jump-links-drawer-jump-links-second">Second section</h2>
|
|
4844
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4854
4845
|
|
|
4855
|
-
|
|
4856
|
-
|
|
4846
|
+
<h2 id="jump-links-drawer-jump-links-third">Third section</h2>
|
|
4847
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4857
4848
|
|
|
4858
|
-
|
|
4859
|
-
|
|
4860
|
-
>Fourth section</h2>
|
|
4861
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4849
|
+
<h2 id="jump-links-drawer-jump-links-fourth">Fourth section</h2>
|
|
4850
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4862
4851
|
|
|
4863
|
-
|
|
4864
|
-
|
|
4865
|
-
</div>
|
|
4852
|
+
<h2 id="jump-links-drawer-jump-links-fifth">Fifth section</h2>
|
|
4853
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4866
4854
|
</div>
|
|
4867
4855
|
</div>
|
|
4868
4856
|
</div>
|
|
@@ -5737,100 +5725,92 @@ section: components
|
|
|
5737
5725
|
class="pf-c-drawer__content"
|
|
5738
5726
|
id="jump-links-drawer-expanded-drawer-scrollable-container"
|
|
5739
5727
|
>
|
|
5740
|
-
<div class="pf-c-drawer__body">
|
|
5741
|
-
<div class="pf-c-
|
|
5742
|
-
<div class="pf-c-
|
|
5743
|
-
<div class="pf-c-
|
|
5744
|
-
<
|
|
5745
|
-
|
|
5746
|
-
|
|
5747
|
-
>
|
|
5748
|
-
|
|
5749
|
-
<
|
|
5750
|
-
<
|
|
5751
|
-
|
|
5752
|
-
|
|
5753
|
-
|
|
5754
|
-
>
|
|
5755
|
-
|
|
5756
|
-
|
|
5757
|
-
|
|
5758
|
-
|
|
5759
|
-
|
|
5760
|
-
|
|
5761
|
-
|
|
5762
|
-
|
|
5763
|
-
|
|
5764
|
-
>
|
|
5765
|
-
|
|
5766
|
-
|
|
5767
|
-
|
|
5768
|
-
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5772
|
-
|
|
5773
|
-
|
|
5774
|
-
|
|
5775
|
-
|
|
5776
|
-
|
|
5777
|
-
|
|
5778
|
-
|
|
5779
|
-
|
|
5780
|
-
|
|
5781
|
-
|
|
5782
|
-
|
|
5783
|
-
|
|
5784
|
-
|
|
5785
|
-
|
|
5786
|
-
|
|
5787
|
-
|
|
5788
|
-
|
|
5789
|
-
|
|
5790
|
-
|
|
5791
|
-
|
|
5792
|
-
|
|
5793
|
-
|
|
5794
|
-
|
|
5795
|
-
|
|
5796
|
-
|
|
5797
|
-
|
|
5798
|
-
|
|
5799
|
-
|
|
5800
|
-
|
|
5801
|
-
</nav>
|
|
5802
|
-
</div>
|
|
5803
|
-
<div class="pf-c-sidebar__content">
|
|
5804
|
-
<div class="pf-c-content">
|
|
5805
|
-
<p>
|
|
5806
|
-
<b>Note:</b> Jump links require javascript to look and function properly, so while clicking on the jump links in these demos may take you to anchors on the page, the full functionality isn't implemented. Refer to the react demos to see the intended design and functionality.
|
|
5807
|
-
</p>
|
|
5728
|
+
<div class="pf-c-drawer__body pf-m-padding">
|
|
5729
|
+
<div class="pf-c-sidebar">
|
|
5730
|
+
<div class="pf-c-sidebar__main">
|
|
5731
|
+
<div class="pf-c-sidebar__panel pf-m-sticky pf-m-gutter">
|
|
5732
|
+
<nav
|
|
5733
|
+
class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
|
|
5734
|
+
>
|
|
5735
|
+
<div class="pf-c-jump-links__label">Jump to section</div>
|
|
5736
|
+
<ul class="pf-c-jump-links__list">
|
|
5737
|
+
<li class="pf-c-jump-links__item pf-m-current">
|
|
5738
|
+
<a
|
|
5739
|
+
class="pf-c-jump-links__link"
|
|
5740
|
+
href="#jump-links-drawer-expanded-jump-links-first"
|
|
5741
|
+
>
|
|
5742
|
+
<span class="pf-c-jump-links__link-text">First section</span>
|
|
5743
|
+
</a>
|
|
5744
|
+
</li>
|
|
5745
|
+
<li class="pf-c-jump-links__item">
|
|
5746
|
+
<a
|
|
5747
|
+
class="pf-c-jump-links__link"
|
|
5748
|
+
href="#jump-links-drawer-expanded-jump-links-second"
|
|
5749
|
+
>
|
|
5750
|
+
<span
|
|
5751
|
+
class="pf-c-jump-links__link-text"
|
|
5752
|
+
>Second section</span>
|
|
5753
|
+
</a>
|
|
5754
|
+
</li>
|
|
5755
|
+
<li class="pf-c-jump-links__item">
|
|
5756
|
+
<a
|
|
5757
|
+
class="pf-c-jump-links__link"
|
|
5758
|
+
href="#jump-links-drawer-expanded-jump-links-third"
|
|
5759
|
+
>
|
|
5760
|
+
<span class="pf-c-jump-links__link-text">Third section</span>
|
|
5761
|
+
</a>
|
|
5762
|
+
</li>
|
|
5763
|
+
<li class="pf-c-jump-links__item">
|
|
5764
|
+
<a
|
|
5765
|
+
class="pf-c-jump-links__link"
|
|
5766
|
+
href="#jump-links-drawer-expanded-jump-links-fourth"
|
|
5767
|
+
>
|
|
5768
|
+
<span
|
|
5769
|
+
class="pf-c-jump-links__link-text"
|
|
5770
|
+
>Fourth section</span>
|
|
5771
|
+
</a>
|
|
5772
|
+
</li>
|
|
5773
|
+
<li class="pf-c-jump-links__item">
|
|
5774
|
+
<a
|
|
5775
|
+
class="pf-c-jump-links__link"
|
|
5776
|
+
href="#jump-links-drawer-expanded-jump-links-fifth"
|
|
5777
|
+
>
|
|
5778
|
+
<span class="pf-c-jump-links__link-text">Fifth section</span>
|
|
5779
|
+
</a>
|
|
5780
|
+
</li>
|
|
5781
|
+
</ul>
|
|
5782
|
+
</nav>
|
|
5783
|
+
</div>
|
|
5784
|
+
<div class="pf-c-sidebar__content">
|
|
5785
|
+
<div class="pf-c-content">
|
|
5786
|
+
<p>
|
|
5787
|
+
<b>Note:</b> Jump links require javascript to look and function properly, so while clicking on the jump links in these demos may take you to anchors on the page, the full functionality isn't implemented. Refer to the react demos to see the intended design and functionality.
|
|
5788
|
+
</p>
|
|
5808
5789
|
|
|
5809
|
-
|
|
5810
|
-
|
|
5811
|
-
|
|
5812
|
-
|
|
5790
|
+
<h2
|
|
5791
|
+
id="jump-links-drawer-expanded-jump-links-first"
|
|
5792
|
+
>First section</h2>
|
|
5793
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5813
5794
|
|
|
5814
|
-
|
|
5815
|
-
|
|
5816
|
-
|
|
5817
|
-
|
|
5795
|
+
<h2
|
|
5796
|
+
id="jump-links-drawer-expanded-jump-links-second"
|
|
5797
|
+
>Second section</h2>
|
|
5798
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5818
5799
|
|
|
5819
|
-
|
|
5820
|
-
|
|
5821
|
-
|
|
5822
|
-
|
|
5800
|
+
<h2
|
|
5801
|
+
id="jump-links-drawer-expanded-jump-links-third"
|
|
5802
|
+
>Third section</h2>
|
|
5803
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5823
5804
|
|
|
5824
|
-
|
|
5825
|
-
|
|
5826
|
-
|
|
5827
|
-
|
|
5805
|
+
<h2
|
|
5806
|
+
id="jump-links-drawer-expanded-jump-links-fourth"
|
|
5807
|
+
>Fourth section</h2>
|
|
5808
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5828
5809
|
|
|
5829
|
-
|
|
5830
|
-
|
|
5831
|
-
|
|
5832
|
-
|
|
5833
|
-
</div>
|
|
5810
|
+
<h2
|
|
5811
|
+
id="jump-links-drawer-expanded-jump-links-fifth"
|
|
5812
|
+
>Fifth section</h2>
|
|
5813
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5834
5814
|
</div>
|
|
5835
5815
|
</div>
|
|
5836
5816
|
</div>
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -8403,6 +8403,44 @@ button.pf-c-breadcrumb__link {
|
|
|
8403
8403
|
font-weight: var(--pf-global--FontWeight--normal);
|
|
8404
8404
|
}
|
|
8405
8405
|
|
|
8406
|
+
:where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
|
|
8407
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
|
|
8408
|
+
:where(.pf-theme-dark) .pf-c-page__header, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-login__header,
|
|
8409
|
+
:where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner {
|
|
8410
|
+
--pf-global--Color--100: #e0e0e0;
|
|
8411
|
+
--pf-global--Color--200: #aaabac;
|
|
8412
|
+
--pf-global--BorderColor--100: #444548;
|
|
8413
|
+
--pf-global--primary-color--100: #1fa7f8;
|
|
8414
|
+
--pf-global--link--Color: #1fa7f8;
|
|
8415
|
+
--pf-global--link--Color--hover: #73bcf7;
|
|
8416
|
+
--pf-global--BackgroundColor--100: #1b1d21;
|
|
8417
|
+
}
|
|
8418
|
+
:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
|
|
8419
|
+
:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
|
|
8420
|
+
:where(.pf-theme-dark) .pf-c-page__header .pf-c-button, :where(.pf-theme-dark) .pf-c-masthead .pf-c-button, :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
|
|
8421
|
+
:where(.pf-theme-dark) .pf-c-login__footer .pf-c-button, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button, :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button, :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
|
|
8422
|
+
--pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
|
|
8423
|
+
--pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
|
|
8424
|
+
--pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
|
|
8425
|
+
--pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
|
|
8426
|
+
--pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
|
|
8427
|
+
--pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8428
|
+
--pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8429
|
+
--pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
|
|
8430
|
+
--pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
|
|
8431
|
+
--pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
|
|
8432
|
+
--pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
|
|
8433
|
+
--pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
|
|
8434
|
+
}
|
|
8435
|
+
|
|
8436
|
+
:where(.pf-theme-dark) .pf-c-card {
|
|
8437
|
+
--pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
|
|
8438
|
+
--pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8439
|
+
--pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8440
|
+
--pf-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8441
|
+
--pf-c-card--m-selectable-raised--active--BoxShadow: var(--pf-global--BoxShadow--lg);
|
|
8442
|
+
}
|
|
8443
|
+
|
|
8406
8444
|
.pf-c-check {
|
|
8407
8445
|
--pf-c-check--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
|
|
8408
8446
|
--pf-c-check__label--disabled--Color: var(--pf-global--disabled-color--100);
|
|
@@ -13561,7 +13599,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13561
13599
|
--pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(-1 * var(--pf-global--BorderWidth--sm));
|
|
13562
13600
|
--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY: -0.0625rem;
|
|
13563
13601
|
--pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(--pf-global--spacer--sm);
|
|
13564
|
-
--pf-c-dropdown__toggle--m-split-button--
|
|
13602
|
+
--pf-c-dropdown__toggle--m-split-button--child--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
13603
|
+
--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13565
13604
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
|
|
13566
13605
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
13567
13606
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
@@ -13569,6 +13608,18 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13569
13608
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor: var(--pf-global--primary-color--200);
|
|
13570
13609
|
--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor: var(--pf-global--primary-color--200);
|
|
13571
13610
|
--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
13611
|
+
--pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13612
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--Color: var(--pf-global--primary-color--100);
|
|
13613
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13614
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13615
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13616
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base: var(--pf-global--BorderWidth--sm);
|
|
13617
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base: var(--pf-global--primary-color--100);
|
|
13618
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
|
|
13619
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base);
|
|
13620
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13621
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13622
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13572
13623
|
--pf-c-dropdown__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
|
|
13573
13624
|
--pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
13574
13625
|
--pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
@@ -13665,6 +13716,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13665
13716
|
}
|
|
13666
13717
|
.pf-c-dropdown.pf-m-expanded {
|
|
13667
13718
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor);
|
|
13719
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth);
|
|
13668
13720
|
}
|
|
13669
13721
|
|
|
13670
13722
|
.pf-c-dropdown__toggle {
|
|
@@ -13866,6 +13918,47 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13866
13918
|
--pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth);
|
|
13867
13919
|
--pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor);
|
|
13868
13920
|
}
|
|
13921
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
|
|
13922
|
+
--pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--Color);
|
|
13923
|
+
}
|
|
13924
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover {
|
|
13925
|
+
--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth);
|
|
13926
|
+
}
|
|
13927
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus {
|
|
13928
|
+
--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth);
|
|
13929
|
+
}
|
|
13930
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active {
|
|
13931
|
+
--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth);
|
|
13932
|
+
}
|
|
13933
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *::before {
|
|
13934
|
+
border: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor);
|
|
13935
|
+
}
|
|
13936
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
|
|
13937
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth);
|
|
13938
|
+
}
|
|
13939
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
|
|
13940
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth);
|
|
13941
|
+
}
|
|
13942
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:active {
|
|
13943
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth);
|
|
13944
|
+
}
|
|
13945
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:first-child::before {
|
|
13946
|
+
border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13947
|
+
border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13948
|
+
}
|
|
13949
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:last-child::before {
|
|
13950
|
+
border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13951
|
+
border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13952
|
+
}
|
|
13953
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:first-child)::before {
|
|
13954
|
+
border-left: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base) solid var(--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base);
|
|
13955
|
+
}
|
|
13956
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:last-child)::before {
|
|
13957
|
+
border-right: 0;
|
|
13958
|
+
}
|
|
13959
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action::before {
|
|
13960
|
+
border: 0;
|
|
13961
|
+
}
|
|
13869
13962
|
.pf-c-dropdown__toggle > .pf-c-badge {
|
|
13870
13963
|
--pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
|
|
13871
13964
|
--pf-c-dropdown__toggle-icon--MarginRight: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight);
|