diff options
| author | Henry Jameson <me@hjkos.com> | 2024-03-07 00:37:21 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-03-07 00:37:21 +0200 |
| commit | 34f23b992e0a0eefbac79badd70d6e212d8a0f19 (patch) | |
| tree | 986b9269f01ba2688aebc788258e5a6cd6293586 /src/components/conversation/conversation.vue | |
| parent | 6d77bc2bd5e96ca213496b726afb3c821e4d4fd7 (diff) | |
fix conversations panels shadows
Diffstat (limited to 'src/components/conversation/conversation.vue')
| -rw-r--r-- | src/components/conversation/conversation.vue | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index e13bd97b..97443df3 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -287,8 +287,23 @@ } &.-expanded.status-fadein { + --___margin: calc(var(--status-margin) / 2); + background: var(--background); - padding: calc(var(--status-margin) / 2); + margin: var(--___margin); + + &::before { + z-index: -1; + content: ""; + display: block; + position: absolute; + top: calc(var(--___margin) * -1); + bottom: calc(var(--___margin) * -1); + left: calc(var(--___margin) * -1); + right: calc(var(--___margin) * -1); + background: var(--background); + backdrop-filter: var(--__panel-backdrop-filter); + } } } </style> |