mirrors/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey.git synced 2025-07-07 20:44:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

set transparent background for naked containers - fix 1063

Browse source 
`MkContainer` gained a background for its `.content` element, but that
needs to be overridden by the `naked` option (used for transparent
widgets)
This commit is contained in:
dakkar 2025-05-17 13:26:16 +01:00
parent f869bdfc4e
commit d9f5c108b0
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/frontend/src/components/MkContainer.vue
View file

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