pleroma-fe

commit: 7a3a4e81a13125fe1406600e91e5720078ebd69c
parent b3ce454203c5ce138fc11421a2bf7c6325e4bc43
Author: Henry Jameson <me@hjkos.com>
Date:   Sun, 12 Jan 2025 22:32:30 +0200

combo menu styles

Diffstat:
M
src/components/popover/popover.scss
6
+++++-
M
src/components/status_action_buttons/action_button.vue
1
+
M
src/components/status_action_buttons/status_action_buttons.vue
1
+

3 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/components/popover/popover.scss b/src/components/popover/popover.scss
@@ -67,16 +67,20 @@
     .extra-button {
       display: grid;
       box-sizing: border-box;
-      padding: var(--__horizontal-gap) var(--__horizontal-gap);
       border: none;
       align-items: center;
     }
 
     .extra-button {
       border-left: 1px solid var(--icon);
+      padding-left: calc(var(--__horizontal-gap) - 1px);
+      border-right: var(--__horizontal-gap) solid transparent;
+      border-top: var(--__horizontal-gap) solid transparent;
+      border-bottom: var(--__horizontal-gap) solid transparent;
     }
 
     .main-button {
+      padding: var(--__horizontal-gap) var(--__horizontal-gap);
       grid-gap: var(--__horizontal-gap);
       grid-template-columns: 1fr var(--__line-height);
       grid-auto-flow: column;
diff --git a/src/components/status_action_buttons/action_button.vue b/src/components/status_action_buttons/action_button.vue
@@ -43,6 +43,7 @@
         class="chevron-icon"
         size="lg"
         icon="chevron-right"
+        fixed-width
       />
     </component>
   </div>
diff --git a/src/components/status_action_buttons/status_action_buttons.vue b/src/components/status_action_buttons/status_action_buttons.vue
@@ -144,6 +144,7 @@
                     class="chevron-icon"
                     size="lg"
                     icon="chevron-right"
+                    fixed-width
                   />
                 </template>
                 <template #content>