@patternfly/patternfly 6.0.0-alpha.49 → 6.0.0-alpha.50
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/Button/button.css +12 -2
- package/components/Button/button.scss +16 -6
- package/components/Nav/nav.css +240 -918
- package/components/Nav/nav.scss +300 -1082
- package/components/Page/page.scss +1 -1
- package/docs/components/Nav/examples/Navigation.css +1 -39
- package/docs/components/Nav/examples/Navigation.md +68 -242
- package/docs/demos/CardView/examples/CardView.md +4 -8
- package/docs/demos/Masthead/examples/Masthead.md +24 -15
- package/docs/demos/Nav/examples/Nav.md +79 -874
- package/docs/demos/Page/examples/Page.md +24 -12
- package/docs/demos/Page/examples/Penta.md +1 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +247 -919
- package/patternfly-theme-dark-unversioned.css +247 -919
- package/patternfly.css +247 -919
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -855,19 +855,23 @@ wrapperTag: div
|
|
|
855
855
|
tabindex="-1"
|
|
856
856
|
id="main-content-page-demo-sticky-top-horizontal-subnav"
|
|
857
857
|
>
|
|
858
|
-
<section class="pf-v5-c-page__main-
|
|
858
|
+
<section class="pf-v5-c-page__main-nav pf-m-limit-width pf-m-sticky-top">
|
|
859
859
|
<div class="pf-v5-c-page__main-body">
|
|
860
860
|
<nav
|
|
861
|
-
class="pf-v5-c-nav pf-m-horizontal
|
|
861
|
+
class="pf-v5-c-nav pf-m-scrollable pf-m-horizontal pf-m-subnav"
|
|
862
862
|
aria-label="Local"
|
|
863
863
|
>
|
|
864
|
-
<button
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
864
|
+
<div class="pf-v5-c-nav__scroll-button">
|
|
865
|
+
<button
|
|
866
|
+
class="pf-v5-c-button pf-m-plain pf-m-RTL-icon-static"
|
|
867
|
+
type="button"
|
|
868
|
+
aria-label="Scroll start"
|
|
869
|
+
>
|
|
870
|
+
<span class="pf-v5-c-button__icon">
|
|
871
|
+
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
872
|
+
</span>
|
|
873
|
+
</button>
|
|
874
|
+
</div>
|
|
871
875
|
<ul class="pf-v5-c-nav__list" role="list">
|
|
872
876
|
<li class="pf-v5-c-nav__item">
|
|
873
877
|
<a
|
|
@@ -889,9 +893,17 @@ wrapperTag: div
|
|
|
889
893
|
<a href="#" class="pf-v5-c-nav__link">Horizontal subnav item 5</a>
|
|
890
894
|
</li>
|
|
891
895
|
</ul>
|
|
892
|
-
<
|
|
893
|
-
<
|
|
894
|
-
|
|
896
|
+
<div class="pf-v5-c-nav__scroll-button">
|
|
897
|
+
<button
|
|
898
|
+
class="pf-v5-c-button pf-m-plain pf-m-RTL-icon-static"
|
|
899
|
+
type="button"
|
|
900
|
+
aria-label="Scroll end"
|
|
901
|
+
>
|
|
902
|
+
<span class="pf-v5-c-button__icon">
|
|
903
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
904
|
+
</span>
|
|
905
|
+
</button>
|
|
906
|
+
</div>
|
|
895
907
|
</nav>
|
|
896
908
|
</div>
|
|
897
909
|
</section>
|
|
@@ -166,6 +166,7 @@ wrapperTag: div
|
|
|
166
166
|
</li>
|
|
167
167
|
</ul>
|
|
168
168
|
</section>
|
|
169
|
+
|
|
169
170
|
<section class="pf-v5-c-nav__section" aria-labelledby="grouped-title2">
|
|
170
171
|
<h2 class="pf-v5-c-nav__section-title" id="grouped-title2">Settings</h2>
|
|
171
172
|
<ul class="pf-v5-c-nav__list" role="list">
|