From 08c3e96fabae2a946fc8d9b2c137c110335fa3b6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Thu, 29 Sep 2022 13:21:14 +0200 Subject: [PATCH] Increase modal title breakpoint and prevent overflow MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- src/components/NcModal/NcModal.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/NcModal/NcModal.vue b/src/components/NcModal/NcModal.vue index 5205b7bfdc..d04beb43ad 100644 --- a/src/components/NcModal/NcModal.vue +++ b/src/components/NcModal/NcModal.vue @@ -733,6 +733,7 @@ export default { justify-content: center; width: 100%; height: $header-height; + overflow: hidden; transition: opacity 250ms, visibility 250ms; @@ -756,7 +757,7 @@ export default { } // On wider screens the title can be centered - @media only screen and (min-width: math.div($breakpoint-mobile, 2)) { + @media only screen and (min-width: $breakpoint-mobile) { .modal-title { padding-left: #{$clickable-area * 3}; // maximum actions is 3 text-align: center;