Merge pull request #1696 from silx-kit/justify

Allow customising alignment of controls in overflow menu
silx-kit · Aug 21, 2024 · 6250247 · 6250247
2 parents cb4ef80 + 0fd2d3b
commit 6250247
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/apps/storybook/src/Customization.mdx b/apps/storybook/src/Customization.mdx
@@ -175,3 +175,9 @@ as you see fit. For instance, if you'd like to change the color of the curve of
 | ----------------------------------------- | ----------- | -------------------------------- |
 | `--h5w-interactionHelp-shortcut--bgColor` | `lightgray` | Background of keyboard shortcuts |
 | `--h5w-interactionHelp-shortcut--color`   | `inherit`   | Text color of keyboard shortcuts |
+
+##### Overflow menu
+
+| Name                                  | Default    | Description                                      |
+| ------------------------------------- | ---------- | ------------------------------------------------ |
+| `--h5w-overflowMenu-control--justify` | `flex-end` | Horizontal flexbox alignment of controls in menu |
diff --git a/packages/lib/src/toolbar/OverflowMenu.module.css b/packages/lib/src/toolbar/OverflowMenu.module.css
@@ -5,6 +5,6 @@
 
 .control {
   display: flex;
-  justify-content: flex-end;
+  justify-content: var(--h5w-overflowMenu-control--justify, flex-end);
   min-height: calc(var(--h5w-btn--height, 1.875rem) + 0.5rem);
 }