add boundEdge prop to ButtonDropdownMenu.vue

okTurtles · Dec 12, 2024 · 6bab7be · 6bab7be
1 parent e4e1f9b
commit 6bab7be
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/frontend/views/components/ButtonDropdownMenu.vue b/frontend/views/components/ButtonDropdownMenu.vue
@@ -4,7 +4,7 @@ menu-parent.c-menu(v-on='listeners')
     | {{ buttonText }}
     i.icon-angle-down.is-suffix
 
-  menu-content.c-menu-content
+  menu-content.c-menu-content(:class='"bound-to-" + boundEdge')
     ul
       template(v-if='options')
         component(
@@ -42,6 +42,11 @@ export default ({
        * - An item to be mapped to a 'menu-header' component:
        *  { type: 'header', name: string }
        */
+    },
+    boundEdge: {
+      type: String,
+      default: 'right',
+      validator: val => ['left', 'right'].includes(val)
     }
   },
   methods: {
@@ -97,6 +102,11 @@ export default ({
     left: unset;
     right: 0;
 
+    &.bound-to-left {
+      left: 0;
+      right: unset;
+    }
+
     ::v-deep .c-header {
       font: {
         size: $size_5;

diff --git a/frontend/views/containers/proposals/ProposalsWidget.vue b/frontend/views/containers/proposals/ProposalsWidget.vue
@@ -16,6 +16,7 @@ component(
         :buttonText='L("Create proposal")'
         :options='proposalOptions'
         @select='onDropdownItemSelect'
+        boundEdge='left'
       )
 
   ul.c-proposals(v-if='hasProposals' data-test='proposalsWidget')