diff options
author | Azul <azul@riseup.net> | 2021-10-27 18:38:53 +0300 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2021-11-05 18:44:00 +0300 |
commit | 37cdc4933762f8b1c0052bcd13e4eb700e521560 (patch) | |
tree | 5b303e1e63640b819699a65920e9578f868a3aad /src | |
parent | 82afd6a77461c86839febf3acb28623ab6ebf288 (diff) |
Limit height of #editor not .content-wrapper
In rich workspaces scrolling still made the menu-bubble render at the wrong place.
The element that the absolute position of the menu-bubble is relative to needs to grow
with the text so tiptap can position the menu-bubble correctly.
Now we also do not need the margin bottom anymore.
Signed-off-by: Azul <azul@riseup.net>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/MenuBubble.vue | 3 | ||||
-rw-r--r-- | src/views/RichWorkspace.vue | 5 |
2 files changed, 3 insertions, 5 deletions
diff --git a/src/components/MenuBubble.vue b/src/components/MenuBubble.vue index 059ee4db7..1b85ccd8f 100644 --- a/src/components/MenuBubble.vue +++ b/src/components/MenuBubble.vue @@ -151,7 +151,7 @@ export default { ...vertical, left: `${menu.left}px`, } - } + }, }, } </script> @@ -176,7 +176,6 @@ export default { &.is-active { opacity: 1; visibility: visible; - margin-bottom: -3px; } &__button { diff --git a/src/views/RichWorkspace.vue b/src/views/RichWorkspace.vue index 57b822050..370699731 100644 --- a/src/views/RichWorkspace.vue +++ b/src/views/RichWorkspace.vue @@ -213,12 +213,11 @@ export default { } #rich-workspace::v-deep #editor { - overflow: visible !important; + overflow: scroll !important; + max-height: calc(40vh - 40px); } #rich-workspace::v-deep .content-wrapper { - overflow: scroll !important; - max-height: calc(40vh - 50px); padding-left: 10px; } |