@patternfly/patternfly 6.0.0-alpha.87 → 6.0.0-alpha.88
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/MenuToggle/menu-toggle.css +1 -0
- package/components/MenuToggle/menu-toggle.scss +1 -0
- package/docs/components/MenuToggle/examples/MenuToggle.md +19 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +1 -0
- package/patternfly-theme-dark-unversioned.css +1 -0
- package/patternfly.css +1 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -475,6 +475,7 @@
|
|
|
475
475
|
align-items: center;
|
|
476
476
|
justify-content: center;
|
|
477
477
|
min-width: var(--#{$menu-toggle}__controls--MinWidth);
|
|
478
|
+
margin-inline-start: auto; // TODO: possibly replace as part of one of the other TODOs at top of file
|
|
478
479
|
}
|
|
479
480
|
|
|
480
481
|
.#{$menu-toggle}__toggle-icon {
|
|
@@ -954,6 +954,24 @@ cssPrefix: pf-v5-c-menu-toggle
|
|
|
954
954
|
|
|
955
955
|
```
|
|
956
956
|
|
|
957
|
+
### Full width
|
|
958
|
+
|
|
959
|
+
```html
|
|
960
|
+
<button
|
|
961
|
+
class="pf-v5-c-menu-toggle pf-m-full-width"
|
|
962
|
+
type="button"
|
|
963
|
+
aria-expanded="false"
|
|
964
|
+
>
|
|
965
|
+
<span class="pf-v5-c-menu-toggle__text">Full width</span>
|
|
966
|
+
<span class="pf-v5-c-menu-toggle__controls">
|
|
967
|
+
<span class="pf-v5-c-menu-toggle__toggle-icon">
|
|
968
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
969
|
+
</span>
|
|
970
|
+
</span>
|
|
971
|
+
</button>
|
|
972
|
+
|
|
973
|
+
```
|
|
974
|
+
|
|
957
975
|
### Typeahead
|
|
958
976
|
|
|
959
977
|
```html
|
|
@@ -1028,3 +1046,4 @@ cssPrefix: pf-v5-c-menu-toggle
|
|
|
1028
1046
|
| `.pf-m-plain` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the plain variation. |
|
|
1029
1047
|
| `.pf-m-expanded` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the expanded state. |
|
|
1030
1048
|
| `.pf-m-full-height` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component to full height of parent. |
|
|
1049
|
+
| `.pf-m-full-width` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component to full width of parent. |
|
package/package.json
CHANGED
|
@@ -20754,6 +20754,7 @@ ul.pf-v5-c-list {
|
|
|
20754
20754
|
align-items: center;
|
|
20755
20755
|
justify-content: center;
|
|
20756
20756
|
min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
|
|
20757
|
+
margin-inline-start: auto;
|
|
20757
20758
|
}
|
|
20758
20759
|
|
|
20759
20760
|
.pf-v5-c-menu-toggle__toggle-icon {
|
|
@@ -20871,6 +20871,7 @@ ul.pf-v5-c-list {
|
|
|
20871
20871
|
align-items: center;
|
|
20872
20872
|
justify-content: center;
|
|
20873
20873
|
min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
|
|
20874
|
+
margin-inline-start: auto;
|
|
20874
20875
|
}
|
|
20875
20876
|
|
|
20876
20877
|
.pf-v5-c-menu-toggle__toggle-icon {
|
package/patternfly.css
CHANGED
|
@@ -20871,6 +20871,7 @@ ul.pf-v5-c-list {
|
|
|
20871
20871
|
align-items: center;
|
|
20872
20872
|
justify-content: center;
|
|
20873
20873
|
min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
|
|
20874
|
+
margin-inline-start: auto;
|
|
20874
20875
|
}
|
|
20875
20876
|
|
|
20876
20877
|
.pf-v5-c-menu-toggle__toggle-icon {
|