Remove superfluous scrollbar caused by menububble

When the menububble is prepared it is rendered at the bottom of the page and hidden. The `margin-bottom: -3px` causes it to create a scrollbar. Once the menububble is shown it is positioned on the screen and the scrollbar is gone. So only apply the `margin-bottom: -3px` when the menububble is shown. Signed-off-by: Azul <azul@riseup.net>
nextcloud · Oct 20, 2021 · 243afb2 · 243afb2
1 parent 50a278b
commit 243afb2
Show file tree

Hide file tree

Showing 13 changed files with 19 additions and 19 deletions.
diff --git a/js/editor-rich.js b/js/editor-rich.js
diff --git a/js/editor-rich.js.map b/js/editor-rich.js.map
diff --git a/js/editor.js b/js/editor.js
diff --git a/js/editor.js.map b/js/editor.js.map
diff --git a/js/text-files.js b/js/text-files.js
diff --git a/js/text-files.js.map b/js/text-files.js.map
diff --git a/js/text-public.js b/js/text-public.js
diff --git a/js/text-public.js.map b/js/text-public.js.map
diff --git a/js/text-text.js b/js/text-text.js
diff --git a/js/text-text.js.map b/js/text-text.js.map
diff --git a/js/text-viewer.js b/js/text-viewer.js
diff --git a/js/text-viewer.js.map b/js/text-viewer.js.map
diff --git a/src/components/MenuBubble.vue b/src/components/MenuBubble.vue
@@ -154,7 +154,6 @@ export default {
 		border-radius: var(--border-radius-large);
 		overflow: hidden;
 		padding: 0;
-		margin-bottom: -3px;
 		margin-left: 10px;
 		visibility: hidden;
 		opacity: 0;
@@ -165,6 +164,7 @@ export default {
 		&.is-active {
 			opacity: 1;
 			visibility: visible;
+			margin-bottom: -3px;
 		}
 
 		&__button {