diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2025-06-04 14:51:49 -0400 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2025-06-04 19:07:57 -0400 |
| commit | 4d024d116509564d7a7424aaee773c9256529b87 (patch) | |
| tree | c22455e4b82074bd751b0f65d12e6bd948012117 /packages/frontend/src/components/MkNoteSub.vue | |
| parent | merge: Add option to keep CWs with "RE:" prefix (!1093) (diff) | |
| download | sharkey-4d024d116509564d7a7424aaee773c9256529b87.tar.gz sharkey-4d024d116509564d7a7424aaee773c9256529b87.tar.bz2 sharkey-4d024d116509564d7a7424aaee773c9256529b87.zip | |
use responsive gaps between note toolbar items
Diffstat (limited to 'packages/frontend/src/components/MkNoteSub.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNoteSub.vue | 26 |
1 files changed, 7 insertions, 19 deletions
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue index e6c0e83a8e..09c3ed67fa 100644 --- a/packages/frontend/src/components/MkNoteSub.vue +++ b/packages/frontend/src/components/MkNoteSub.vue @@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only <MkSubNoteContent :class="$style.text" :note="note" :translating="translating" :translation="translation" :expandAllCws="props.expandAllCws"/> </div> </div> - <footer :class="$style.footer"> + <footer :class="$style.footer" class="_gaps _h_gaps"> <MkReactionsViewer ref="reactionsViewer" :note="note"/> <button class="_button" :class="$style.noteFooterButton" @click="reply()"> <i class="ph-arrow-u-up-left ph-bold ph-lg"></i> @@ -419,12 +419,12 @@ if (props.detail) { } .footer { - position: relative; - z-index: 1; - margin-top: 0.4em; - width: max-content; - min-width: min-content; - max-width: fit-content; + position: relative; + z-index: 1; + margin-top: 0.4em; + width: max-content; + min-width: min-content; + max-width: fit-content; } .main { @@ -469,23 +469,11 @@ if (props.detail) { padding-top: 10px; opacity: 0.7; - &:not(:last-child) { - margin-right: 1.5em; - } - &:hover { color: var(--MI_THEME-fgHighlighted); } } -@container (max-width: 400px) { - .noteFooterButton { - &:not(:last-child) { - margin-right: 0.7em; - } - } -} - .noteFooterButtonCount { display: inline; margin: 0 0 0 8px; |