Page MenuHomePhorge
Files F85803343

No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/components/status_action_buttons/action_button.scss b/src/components/status_action_buttons/action_button.scss
index 25d7b71d46..e1e5ef3a69 100644
--- a/src/components/status_action_buttons/action_button.scss
+++ b/src/components/status_action_buttons/action_button.scss
@@ -14,6 +14,14 @@
white-space: nowrap;
}
+ &.-counter {
+ justify-self: start;
+ }
+
+ &.-more-actions {
+ justify-self: end;
+ }
+
.action-button-inner,
.extra-button {
padding: 0.5em;
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index ffa9936758..34ff211cb5 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -129,6 +129,14 @@ const StatusActionButtons = {
this.doActionReal(button)
}
},
+ quickButtonClass(button) {
+ return {
+ '-pin': this.showPin,
+ '-toggle': button.dropdown?.(),
+ '-with-extra': button.name === 'bookmark',
+ '-counter': button.counter,
+ }
+ },
doActionReal(button) {
const promise = button.action?.(this.funcArg) ?? Promise.resolve()
promise
diff --git a/src/components/status_action_buttons/status_action_buttons.scss b/src/components/status_action_buttons/status_action_buttons.scss
index 756f640001..7ed4a42fe4 100644
--- a/src/components/status_action_buttons/status_action_buttons.scss
+++ b/src/components/status_action_buttons/status_action_buttons.scss
@@ -4,9 +4,11 @@
.quick-action-buttons {
display: grid;
margin-left: -0.5em;
- grid-template-columns: repeat(auto-fill, minmax(3.75em, 10%));
+ grid-template-columns: repeat(auto-fit, minmax(3.75em, 10%));
grid-auto-flow: row dense;
grid-auto-rows: 1fr;
+ justify-content: space-between;
+ justify-items: center;
gap: 0.5em 0.1em;
}
diff --git a/src/components/status_action_buttons/status_action_buttons.vue b/src/components/status_action_buttons/status_action_buttons.vue
index 2426b200d5..4cf996ce2c 100644
--- a/src/components/status_action_buttons/status_action_buttons.vue
+++ b/src/components/status_action_buttons/status_action_buttons.vue
@@ -11,7 +11,7 @@
:key="button.name"
class="quick-action"
role="presentation"
- :class="{ '-pin': showPin, '-toggle': button.dropdown?.(), '-with-extra': button.name === 'bookmark' }"
+ :class="quickButtonClass(button)"
>
<ActionButtonContainer
:class="{ '-pin': showPin }"
@@ -46,7 +46,7 @@
trigger="click"
:title="$t('status.more_actions')"
:normal-button="useDefaultButtons"
- class="quick-action"
+ class="quick-action -more-actions"
placement="bottom"
:offset="{ y: 5 }"
remove-padding

File Metadata

Mime Type
text/x-diff
Expires
Fri, Oct 9, 5:04 AM (1 d, 10 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1784459
Default Alt Text
(2 KB)

Event Timeline