diff options
| author | Hazelnoot <acomputerdog@gmail.com> | 2025-06-04 15:03:01 -0400 |
|---|---|---|
| committer | Hazelnoot <acomputerdog@gmail.com> | 2025-06-04 19:09:03 -0400 |
| commit | 25174e837affc0b4eaaa2fe3a68b940bc498027d (patch) | |
| tree | cfd3ccfb6aa8aca36c5c4f1c94f8a9bda9207bf2 /packages/frontend/src/components/SkOldNoteWindow.vue | |
| parent | use responsive gaps between note toolbar items (diff) | |
| download | sharkey-25174e837affc0b4eaaa2fe3a68b940bc498027d.tar.gz sharkey-25174e837affc0b4eaaa2fe3a68b940bc498027d.tar.bz2 sharkey-25174e837affc0b4eaaa2fe3a68b940bc498027d.zip | |
allow note toolbar to scroll
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#accessibility
Diffstat (limited to 'packages/frontend/src/components/SkOldNoteWindow.vue')
| -rw-r--r-- | packages/frontend/src/components/SkOldNoteWindow.vue | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/packages/frontend/src/components/SkOldNoteWindow.vue b/packages/frontend/src/components/SkOldNoteWindow.vue index d4a4dec1cb..778a776167 100644 --- a/packages/frontend/src/components/SkOldNoteWindow.vue +++ b/packages/frontend/src/components/SkOldNoteWindow.vue @@ -52,7 +52,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> <MkA v-if="appearNote.channel && !inChannel" :class="$style.channel" :to="`/channels/${appearNote.channel.id}`"><i class="ph-television ph-bold ph-lg"></i> {{ appearNote.channel.name }}</MkA> </div> - <footer :class="$style.footer" class="_gaps _h_gaps"> + <footer :class="$style.footer" class="_gaps _h_gaps" tabindex="0" role="group" :aria-label="i18n.ts.noteFooterLabel"> <div :class="$style.noteFooterInfo"> <MkTime :time="appearNote.createdAt" mode="detail"/> </div> @@ -163,11 +163,12 @@ const showTicker = (prefer.s.instanceTicker === 'always') || (prefer.s.instanceT } .footer { - position: relative; - z-index: 1; - margin-top: 0.4em; - width: max-content; - min-width: max-content; + position: relative; + z-index: 1; + margin-top: 0.4em; + width: max-content; + min-width: max-content; + overflow-x: auto; } .note { |