diff options
| author | Azul <azul@riseup.net> | 2022-01-04 19:23:47 +0300 |
|---|---|---|
| committer | Julien Veyssier <eneiluj@posteo.net> | 2022-01-13 16:23:07 +0300 |
| commit | 9a07509183d2c368a77c771a44cb0884e9d7b3b5 (patch) | |
| tree | f5474d2d91df97a450804b974945f2a500b0a72c /src/views | |
| parent | cec776f91cc33a1e6a5f327905ad6b9e05c8cbe0 (diff) | |
fix: 2020 let heading menu overflow workspace
* roll back parts of #1903 that broke it again.
* Calculate top of menububble based on scrollHeight of content-wrapper.
* Always display menububble below selected line.
This will make it less likely to conflict with the menubar
or mobile copy and paste toolbars.
* Add cypress tests for the workspace.
Signed-off-by: Azul <azul@riseup.net>
Diffstat (limited to 'src/views')
| -rw-r--r-- | src/views/RichWorkspace.vue | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/views/RichWorkspace.vue b/src/views/RichWorkspace.vue index 370699731..cd85a9bf1 100644 --- a/src/views/RichWorkspace.vue +++ b/src/views/RichWorkspace.vue @@ -213,12 +213,14 @@ export default { } #rich-workspace::v-deep #editor { - overflow: scroll !important; - max-height: calc(40vh - 40px); + overflow: visible !important; } #rich-workspace::v-deep .content-wrapper { + overflow: scroll !important; + max-height: calc(40vh - 50px); padding-left: 10px; + padding-bottom: 60px; /* ensure menububble fits below */ } #rich-workspace::v-deep #editor-wrapper .ProseMirror { |