From 3d898bc80b2c6bc387c6cc20a257e92f75bd19b7 Mon Sep 17 00:00:00 2001 From: Jonas Date: Wed, 1 Nov 2023 15:58:09 +0100 Subject: [PATCH] fix(outline): Make sure the outline is always in foreground Add a border shadow around the outline. Also, make it overlay the editor content (e.g. on small screens). Required e.g. for Collectives. Fixes: #4276 Signed-off-by: Jonas --- src/components/Editor/EditorOutline.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/Editor/EditorOutline.vue b/src/components/Editor/EditorOutline.vue index 3739136343c..c51d086f80d 100644 --- a/src/components/Editor/EditorOutline.vue +++ b/src/components/Editor/EditorOutline.vue @@ -61,10 +61,14 @@ export default { // 204px = 50px nc header + 60px collectives titlebar + 44px menubar + 50px bottom margin max-height: calc(100% - 204px); + border-radius: var(--border-radius-large); + box-shadow: 0 1px 10px var(--color-box-shadow); + background-color: var(--color-main-background); + z-index: 10021; + &-mobile { box-shadow: 8px 0 17px -19px var(--color-box-shadow); background-color: var(--color-main-background-translucent); - z-index: 1; } &__header {