merge: set transparent background for naked containers - fix 1063 (!1033)

View MR for information: https://activitypub.software/TransFem-org/Sharkey/-/merge_requests/1033

Closes #1063

Approved-by: Hazelnoot <acomputerdog@gmail.com>
Approved-by: Marie <github@yuugi.dev>
This commit is contained in:
Marie 2025-05-17 19:53:48 +00:00
commit 1801cbd278

View file

@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
@leave="leave"
@afterLeave="afterLeave"
>
<div v-show="showBody" ref="contentEl" :class="[$style.content, { [$style.omitted]: omitted }]">
<div v-show="showBody" ref="contentEl" :class="[$style.content, { [$style.omitted]: omitted, [$style.naked]: naked }]">
<slot></slot>
<button v-if="omitted" :class="$style.fade" class="_button" @click="showMore">
<span :class="$style.fadeLabel">{{ i18n.ts.showMore }}</span>
@ -228,6 +228,11 @@ onUnmounted(() => {
*/
background: var(--MI_THEME-panel);
&.naked {
background: transparent !important;
box-shadow: none !important;
}
&.omitted {
position: relative;
max-height: var(--maxHeight);