diff --git a/changelog.d/action-button-extra-counter.add b/changelog.d/action-button-extra-counter.add new file mode 100644 index 000000000..7d5c77447 --- /dev/null +++ b/changelog.d/action-button-extra-counter.add @@ -0,0 +1 @@ +Display counter for status action buttons when they are on the menu diff --git a/changelog.d/bookmark-button-align.fix b/changelog.d/bookmark-button-align.fix new file mode 100644 index 000000000..64bc2c807 --- /dev/null +++ b/changelog.d/bookmark-button-align.fix @@ -0,0 +1 @@ +Fix bookmark button alignment in the extra actions menu diff --git a/src/components/popover/popover.scss b/src/components/popover/popover.scss index 828b81cd1..a166e2196 100644 --- a/src/components/popover/popover.scss +++ b/src/components/popover/popover.scss @@ -60,11 +60,14 @@ } .extra-button { - border-left: 1px solid var(--icon); + border-left: 1px solid; + border-image-source: linear-gradient(to bottom, transparent 0%, var(--icon) var(--__horizontal-gap) calc(100% - var(--__horizontal-gap)), transparent 100%); + border-image-slice: 1; 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; + padding-right: var(--__horizontal-gap); + padding-top: var(--__horizontal-gap); + padding-bottom: var(--__horizontal-gap); + max-width: fit-content; } .main-button { diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss index c0a9824df..8c6924871 100644 --- a/src/components/status_action_buttons/action_button.scss +++ b/src/components/status_action_buttons/action_button.scss @@ -102,4 +102,20 @@ } } } + + &.-extra { + .action-counter { + justify-self: end; + margin-right: 1em; + } + + .chevron-icon { + justify-self: end; + } + + .extra-button { + justify-self: end; + justify-content: end; + } + } } diff --git a/src/components/status_action_buttons/action_button.vue b/src/components/status_action_buttons/action_button.vue index ad2d349c6..a9aedb9e3 100644 --- a/src/components/status_action_buttons/action_button.vue +++ b/src/components/status_action_buttons/action_button.vue @@ -60,7 +60,7 @@ /> {{ button.counter?.(funcArg) }}