@patternfly/patternfly 4.196.7 → 4.197.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/RELEASE-NOTES.md +1 -1
- package/components/Dropdown/dropdown.css +56 -1
- package/components/Dropdown/dropdown.scss +76 -2
- package/components/Menu/menu.css +1 -4
- package/components/Menu/menu.scss +1 -3
- package/docs/components/Dropdown/examples/Dropdown.css +2 -1
- package/docs/components/Dropdown/examples/Dropdown.md +165 -0
- package/docs/components/NotificationBadge/examples/NotificationBadge.md +2 -2
- package/docs/demos/Drawer/examples/Drawer.md +152 -172
- package/docs/demos/JumpLinks/examples/JumpLinks.md +152 -172
- package/docs/demos/Table/examples/Table.md +29 -33
- package/package.json +1 -1
- package/patternfly-no-reset.css +57 -5
- package/patternfly.css +57 -5
- 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>
|
|
@@ -13306,22 +13306,20 @@ wrapperTag: div
|
|
|
13306
13306
|
<tbody role="rowgroup">
|
|
13307
13307
|
<tr role="row">
|
|
13308
13308
|
<td role="cell" colspan="8">
|
|
13309
|
-
<div class="pf-
|
|
13310
|
-
<div class="pf-c-empty-
|
|
13311
|
-
<div class="pf-c-empty-
|
|
13312
|
-
<
|
|
13313
|
-
|
|
13314
|
-
|
|
13315
|
-
|
|
13316
|
-
|
|
13317
|
-
>
|
|
13318
|
-
|
|
13319
|
-
|
|
13320
|
-
|
|
13321
|
-
</span>
|
|
13322
|
-
</div>
|
|
13323
|
-
<h2 class="pf-c-title pf-m-lg">Loading</h2>
|
|
13309
|
+
<div class="pf-c-empty-state pf-m-sm">
|
|
13310
|
+
<div class="pf-c-empty-state__content">
|
|
13311
|
+
<div class="pf-c-empty-state__icon">
|
|
13312
|
+
<span
|
|
13313
|
+
class="pf-c-spinner"
|
|
13314
|
+
role="progressbar"
|
|
13315
|
+
aria-label="Loading..."
|
|
13316
|
+
>
|
|
13317
|
+
<span class="pf-c-spinner__clipper"></span>
|
|
13318
|
+
<span class="pf-c-spinner__lead-ball"></span>
|
|
13319
|
+
<span class="pf-c-spinner__tail-ball"></span>
|
|
13320
|
+
</span>
|
|
13324
13321
|
</div>
|
|
13322
|
+
<h2 class="pf-c-title pf-m-lg">Loading</h2>
|
|
13325
13323
|
</div>
|
|
13326
13324
|
</div>
|
|
13327
13325
|
</td>
|
|
@@ -14247,24 +14245,22 @@ wrapperTag: div
|
|
|
14247
14245
|
<tbody role="rowgroup">
|
|
14248
14246
|
<tr role="row">
|
|
14249
14247
|
<td role="cell" colspan="8">
|
|
14250
|
-
<div class="pf-
|
|
14251
|
-
<div class="pf-c-empty-
|
|
14252
|
-
<
|
|
14253
|
-
|
|
14254
|
-
|
|
14255
|
-
|
|
14256
|
-
|
|
14257
|
-
|
|
14258
|
-
|
|
14259
|
-
|
|
14260
|
-
|
|
14261
|
-
|
|
14262
|
-
<
|
|
14263
|
-
|
|
14264
|
-
|
|
14265
|
-
|
|
14266
|
-
>Clear all filters</button>
|
|
14267
|
-
</div>
|
|
14248
|
+
<div class="pf-c-empty-state pf-m-sm">
|
|
14249
|
+
<div class="pf-c-empty-state__content">
|
|
14250
|
+
<i
|
|
14251
|
+
class="fas fa- fa-search pf-c-empty-state__icon"
|
|
14252
|
+
aria-hidden="true"
|
|
14253
|
+
></i>
|
|
14254
|
+
|
|
14255
|
+
<h2 class="pf-c-title pf-m-lg">No results found</h2>
|
|
14256
|
+
<div
|
|
14257
|
+
class="pf-c-empty-state__body"
|
|
14258
|
+
>No results match the filter criteria. Remove all filters or clear all filters to show results.</div>
|
|
14259
|
+
<div class="pf-c-empty-state__primary">
|
|
14260
|
+
<button
|
|
14261
|
+
class="pf-c-button pf-m-link"
|
|
14262
|
+
type="button"
|
|
14263
|
+
>Clear all filters</button>
|
|
14268
14264
|
</div>
|
|
14269
14265
|
</div>
|
|
14270
14266
|
</div>
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -13561,7 +13561,8 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13561
13561
|
--pf-c-dropdown__toggle--m-split-button--m-action__toggle-button--MarginRight: calc(-1 * var(--pf-global--BorderWidth--sm));
|
|
13562
13562
|
--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY: -0.0625rem;
|
|
13563
13563
|
--pf-c-dropdown__toggle--m-split-button__toggle-text--MarginLeft: var(--pf-global--spacer--sm);
|
|
13564
|
-
--pf-c-dropdown__toggle--m-split-button--
|
|
13564
|
+
--pf-c-dropdown__toggle--m-split-button--child--BorderRadius: var(--pf-global--BorderRadius--sm);
|
|
13565
|
+
--pf-c-dropdown__toggle--m-split-button--m-primary--child--BorderRadius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13565
13566
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
|
|
13566
13567
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
|
|
13567
13568
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
|
|
@@ -13569,6 +13570,18 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13569
13570
|
--pf-c-dropdown__toggle--m-split-button--m-primary--child--m-expanded--BackgroundColor: var(--pf-global--primary-color--200);
|
|
13570
13571
|
--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftColor: var(--pf-global--primary-color--200);
|
|
13571
13572
|
--pf-c-dropdown__toggle--m-split-button--m-primary--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
|
|
13573
|
+
--pf-c-dropdown--m-expanded__toggle--m-secondary--m-split-button--child--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13574
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--Color: var(--pf-global--primary-color--100);
|
|
13575
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13576
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13577
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13578
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderWidth--base: var(--pf-global--BorderWidth--sm);
|
|
13579
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--BorderColor--base: var(--pf-global--primary-color--100);
|
|
13580
|
+
--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);
|
|
13581
|
+
--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);
|
|
13582
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--hover--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13583
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--focus--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13584
|
+
--pf-c-dropdown__toggle--m-secondary--m-split-button--child--before--active--BorderWidth: var(--pf-global--BorderWidth--md);
|
|
13572
13585
|
--pf-c-dropdown__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
|
|
13573
13586
|
--pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
|
|
13574
13587
|
--pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
|
|
@@ -13665,6 +13678,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13665
13678
|
}
|
|
13666
13679
|
.pf-c-dropdown.pf-m-expanded {
|
|
13667
13680
|
--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);
|
|
13681
|
+
--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
13682
|
}
|
|
13669
13683
|
|
|
13670
13684
|
.pf-c-dropdown__toggle {
|
|
@@ -13866,6 +13880,47 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
13866
13880
|
--pf-c-dropdown__toggle--m-secondary--before--BorderWidth: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth);
|
|
13867
13881
|
--pf-c-dropdown__toggle--m-secondary--before--BorderColor: var(--pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor);
|
|
13868
13882
|
}
|
|
13883
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) {
|
|
13884
|
+
--pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--Color);
|
|
13885
|
+
}
|
|
13886
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):hover {
|
|
13887
|
+
--pf-c-dropdown__toggle--m-secondary--hover--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--hover--before--BorderWidth);
|
|
13888
|
+
}
|
|
13889
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):focus {
|
|
13890
|
+
--pf-c-dropdown__toggle--m-secondary--focus--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--focus--before--BorderWidth);
|
|
13891
|
+
}
|
|
13892
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled):active {
|
|
13893
|
+
--pf-c-dropdown__toggle--m-secondary--active--before--BorderWidth: var(--pf-c-dropdown__toggle--m-secondary--m-split-button--active--before--BorderWidth);
|
|
13894
|
+
}
|
|
13895
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *::before {
|
|
13896
|
+
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);
|
|
13897
|
+
}
|
|
13898
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:hover {
|
|
13899
|
+
--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);
|
|
13900
|
+
}
|
|
13901
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:focus {
|
|
13902
|
+
--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);
|
|
13903
|
+
}
|
|
13904
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:active {
|
|
13905
|
+
--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);
|
|
13906
|
+
}
|
|
13907
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:first-child::before {
|
|
13908
|
+
border-top-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13909
|
+
border-bottom-left-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13910
|
+
}
|
|
13911
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:last-child::before {
|
|
13912
|
+
border-top-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13913
|
+
border-bottom-right-radius: var(--pf-c-dropdown__toggle--m-split-button--child--BorderRadius);
|
|
13914
|
+
}
|
|
13915
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:first-child)::before {
|
|
13916
|
+
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);
|
|
13917
|
+
}
|
|
13918
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled) > *:not(:last-child)::before {
|
|
13919
|
+
border-right: 0;
|
|
13920
|
+
}
|
|
13921
|
+
.pf-c-dropdown__toggle.pf-m-secondary.pf-m-split-button:not(.pf-m-disabled).pf-m-action::before {
|
|
13922
|
+
border: 0;
|
|
13923
|
+
}
|
|
13869
13924
|
.pf-c-dropdown__toggle > .pf-c-badge {
|
|
13870
13925
|
--pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
|
|
13871
13926
|
--pf-c-dropdown__toggle-icon--MarginRight: var(--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight);
|
|
@@ -18037,9 +18092,6 @@ ul.pf-c-list {
|
|
|
18037
18092
|
--pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
|
|
18038
18093
|
--pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
|
|
18039
18094
|
}
|
|
18040
|
-
.pf-c-menu .pf-c-menu__content {
|
|
18041
|
-
overflow: visible hidden;
|
|
18042
|
-
}
|
|
18043
18095
|
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
|
|
18044
18096
|
overflow: visible;
|
|
18045
18097
|
}
|
|
@@ -18074,7 +18126,7 @@ ul.pf-c-list {
|
|
|
18074
18126
|
}
|
|
18075
18127
|
.pf-c-menu.pf-m-drilldown > .pf-c-menu__content {
|
|
18076
18128
|
flex-grow: 1;
|
|
18077
|
-
overflow
|
|
18129
|
+
overflow: hidden;
|
|
18078
18130
|
transition: var(--pf-c-menu--m-drilldown__content--Transition);
|
|
18079
18131
|
}
|
|
18080
18132
|
.pf-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list,
|