From d9f5c108b0b5bb03fe3eadabfcb2a2a80d344002 Mon Sep 17 00:00:00 2001
From: dakkar <dakkar@thenautilus.net>
Date: Sat, 17 May 2025 13:26:16 +0100
Subject: [PATCH] set transparent background for naked containers - fix 1063

`MkContainer` gained a background for its `.content` element, but that
needs to be overridden by the `naked` option (used for transparent
widgets)
---
 packages/frontend/src/components/MkContainer.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/MkContainer.vue b/packages/frontend/src/components/MkContainer.vue
index 5c88ac3bf6..3a65dc42d3 100644
--- a/packages/frontend/src/components/MkContainer.vue
+++ b/packages/frontend/src/components/MkContainer.vue
@@ -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);