hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve action buttons behaviour in the menu

Browse source
This commit is contained in:
tusooa 2025-06-25 17:14:41 -04:00
commit c5f2c3ac9e
No known key found for this signature in database
GPG key ID: 42AEC43D48433C51
5 changed files with 26 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
changelog.d/action-button-extra-counter.add Normal file
View file

@ -0,0 +1 @@
Display counter for status action buttons when they are on the menu

1
changelog.d/bookmark-button-align.fix Normal file
View file

@ -0,0 +1 @@
Fix bookmark button alignment in the extra actions menu

11
src/components/popover/popover.scss
View file

@ -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 {

16
src/components/status_action_buttons/action_button.scss
View file

@ -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;
}
}
}

2
src/components/status_action_buttons/action_button.vue
View file

@ -60,7 +60,7 @@
/>
</component>
<span
v-if="!extra && button.counter?.(funcArg) > 0"
v-if="button.counter?.(funcArg) > 0"
class="action-counter"
>
{{ button.counter?.(funcArg) }}