From 9dd32607612eb48ef7e5b337232c8ebcd89ac1b2 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Sun, 2 Jul 2023 02:07:55 -0700 Subject: [PATCH] Update DialogContent * Shrunk max-height to 60vh, and remove it for search * Added an explicit width, as using min/max-width interferes with the contentEditable div in EditPartyModal * Added custom styles for EditPartyModal * Removed unused styles --- .../common/DialogContent/index.module.scss | 30 ++++++++----------- 1 file changed, 13 insertions(+), 17 deletions(-) diff --git a/components/common/DialogContent/index.module.scss b/components/common/DialogContent/index.module.scss index 767dccd8..c4437896 100644 --- a/components/common/DialogContent/index.module.scss +++ b/components/common/DialogContent/index.module.scss @@ -31,9 +31,10 @@ // min-height: $unit-12x; overflow-y: auto; // height: 80vh; - // max-height: 80vh; // Having a max-height interferes with SearchModal scrolling + max-height: 60vh; // Having a max-height interferes with SearchModal scrolling min-width: 580px; max-width: 42vw; + width: 520px; // Using max/min-width messes with the Edit Party contenteditable div // padding: $unit * $multiplier; position: relative; @@ -64,6 +65,7 @@ display: flex; flex-direction: column; min-height: 430px; + max-height: none; padding: 0; @include breakpoint(phone) { @@ -78,6 +80,16 @@ } } + &.editParty { + min-height: 80vh; + + .container { + display: flex; + flex-direction: column; + flex-grow: 1; + } + } + .container { overflow-y: hidden; @@ -86,22 +98,6 @@ } } - .DialogDescription { - color: var(--text-secondary); - flex-grow: 1; - } - - .Fields { - display: flex; - flex-direction: column; - gap: $unit-2x; - padding: 0 $unit-4x; - - @include breakpoint(phone) { - gap: $unit-4x; - } - } - &.Conflict { $weapon-diameter: 14rem;