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
This commit is contained in:
parent
0801693218
commit
9dd3260761
1 changed files with 13 additions and 17 deletions
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue