update menu

carbon-design-system · Oct 27, 2023 · fc2b814 · fc2b814
1 parent 9d30ad2
commit fc2b814
Show file tree

Hide file tree

Showing 21 changed files with 10 additions and 8 deletions.
diff --git a/...mponents/menu-buttons/images/usage-menu-alignment-menu-buttons-alternatives.png b/...mponents/menu-buttons/images/usage-menu-alignment-menu-buttons-alternatives.png
diff --git a/...es/components/menu-buttons/images/usage-menu-alignment-menu-buttons-default.png b/...es/components/menu-buttons/images/usage-menu-alignment-menu-buttons-default.png
diff --git a/src/pages/components/menu-buttons/images/usage-menu-button-5.png b/src/pages/components/menu-buttons/images/usage-menu-button-5.png
diff --git a/src/pages/components/menu-buttons/images/usage-menu-button-overview.png b/src/pages/components/menu-buttons/images/usage-menu-button-overview.png
diff --git a/src/pages/components/menu-buttons/images/usage-menu-combo-button-3.png b/src/pages/components/menu-buttons/images/usage-menu-combo-button-3.png
diff --git a/src/pages/components/menu-buttons/images/usage-menu-keyboard-combo-button.png b/src/pages/components/menu-buttons/images/usage-menu-keyboard-combo-button.png
diff --git a/src/pages/components/menu-buttons/images/usage-menu-keyboard-menu-button.png b/src/pages/components/menu-buttons/images/usage-menu-keyboard-menu-button.png
diff --git a/src/pages/components/menu-buttons/images/usage-menu-mouse-combo-button.png b/src/pages/components/menu-buttons/images/usage-menu-mouse-combo-button.png
diff --git a/...ages/components/menu-buttons/images/usage-menu-mouse-keyboard-overflow-menu.png b/...ages/components/menu-buttons/images/usage-menu-mouse-keyboard-overflow-menu.png
diff --git a/src/pages/components/menu-buttons/style.mdx b/src/pages/components/menu-buttons/style.mdx
@@ -1,5 +1,8 @@
 ---
 title: Menu buttons
+description:
+  Menu buttons, including menu buttons, combo buttons, and overflow menus, open
+  a menu with a list of interactive options.
 tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 ---
 
@@ -117,13 +120,11 @@ small, medium, and large.
 |          | Medium (md) | 40 / 2.5        |
 |          | Large (lg)  | 48 / 3          |
 
-<Row>
-<Column colLg={8}>
+<div className="image--fixed">
 
 ![Menu button sizes](images/style-menu-sizes.png)
 
-</Column>
-</Row>
+</div>
 
 ## Feedback
 

diff --git a/src/pages/components/menu/images/style-menu-structure-action-items-menu.png b/src/pages/components/menu/images/style-menu-structure-action-items-menu.png
diff --git a/src/pages/components/menu/images/style-menu-structure-action-items-submenu.png b/src/pages/components/menu/images/style-menu-structure-action-items-submenu.png
diff --git a/src/pages/components/menu/images/style-menu-structure-submenus.png b/src/pages/components/menu/images/style-menu-structure-submenus.png
diff --git a/src/pages/components/menu/images/style-menu-structure.png b/src/pages/components/menu/images/style-menu-structure.png
diff --git a/src/pages/components/menu/images/usage-interactions-mouse.png b/src/pages/components/menu/images/usage-interactions-mouse.png
diff --git a/...pages/components/menu/images/usage-menu-alignment-menu-buttons-alternatives.png b/...pages/components/menu/images/usage-menu-alignment-menu-buttons-alternatives.png
diff --git a/src/pages/components/menu/images/usage-menu-alignment-menu-buttons-default.png b/src/pages/components/menu/images/usage-menu-alignment-menu-buttons-default.png
diff --git a/src/pages/components/menu/images/usage-menu-anatomy.png b/src/pages/components/menu/images/usage-menu-anatomy.png
diff --git a/src/pages/components/menu/images/usage-menu-overview.png b/src/pages/components/menu/images/usage-menu-overview.png
diff --git a/src/pages/components/menu/images/usage-menu-width-menu-buttons-default.png b/src/pages/components/menu/images/usage-menu-width-menu-buttons-default.png
diff --git a/src/pages/components/menu/style.mdx b/src/pages/components/menu/style.mdx
@@ -1,5 +1,8 @@
 ---
 title: Menu
+description:
+  A menu is a list of interactive options that appears when users interact with
+  an element or perform a specific action.
 tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 ---
 
@@ -151,13 +154,11 @@ while also having a fixed maximum width of 288px (or 18rem).
 |             | Medium (md)      | 40 / 2 .5       |
 |             | Large (lg)       | 48 / 3          |
 
-<Row>
-<Column colLg={8}>
+<div className="image--fixed">
 
 ![Menu sizes](images/style-menu-sizes.png)
 
-</Column>
-</Row>
+</div>
 
 ## Feedback