summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authordakkar <dakkar@thenautilus.net>2025-05-17 13:26:16 +0100
committerdakkar <dakkar@thenautilus.net>2025-05-17 13:26:16 +0100
commitd9f5c108b0b5bb03fe3eadabfcb2a2a80d344002 (patch)
tree7c1d2e07e251f2e7a271e6a2079467a1309ce5e8
parentmerge: await `reverseConcat` (!1029) (diff)
downloadsharkey-d9f5c108b0b5bb03fe3eadabfcb2a2a80d344002.tar.gz
sharkey-d9f5c108b0b5bb03fe3eadabfcb2a2a80d344002.tar.bz2
sharkey-d9f5c108b0b5bb03fe3eadabfcb2a2a80d344002.zip
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)
-rw-r--r--packages/frontend/src/components/MkContainer.vue7
1 files changed, 6 insertions, 1 deletions
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);