From 559cad03e3292657c5d6468595ed25473a497084 Mon Sep 17 00:00:00 2001 From: Eric Date: Fri, 8 Sep 2023 18:37:58 -0500 Subject: [PATCH] Website: update modal styles (#13849) Closes: #13779 Changes: - Updated modal styles --- website/assets/styles/components/modal.component.less | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/website/assets/styles/components/modal.component.less b/website/assets/styles/components/modal.component.less index a37b5ca3b1..d044d331f3 100644 --- a/website/assets/styles/components/modal.component.less +++ b/website/assets/styles/components/modal.component.less @@ -5,11 +5,12 @@ */ [parasails-component='modal'] { + max-width: 100vw; -webkit-overflow-scrolling: touch;//« makes this actually scrollable on certain phones [purpose='modal-dialog'] { z-index: 100; position: relative; - // max-width: 800px; + max-width: 480px; [purpose='modal-content'] { margin-top: 100px; max-width: 480px; @@ -98,6 +99,8 @@ // Modal backdrop styles are exposed globally here because this gets appended to the .modal-backdrop { background-color: #192147; + max-width: 100vw; + max-height: 100vh; &.show { opacity: 0.25; }