granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update DialogContent

Browse source 
* 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:
Justin Edmund 2023-07-02 02:07:55 -07:00
parent 0801693218
commit 9dd3260761
1 changed files with 13 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
components/common/DialogContent/index.module.scss
View file

@ -31,9 +31,10 @@
// min-height: $unit-12x; // min-height: $unit-12x;
overflow-y: auto; overflow-y: auto;
// height: 80vh; // 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; min-width: 580px;
max-width: 42vw; max-width: 42vw;
width: 520px; // Using max/min-width messes with the Edit Party contenteditable div
// padding: $unit * $multiplier; // padding: $unit * $multiplier;
position: relative; position: relative;
@ -64,6 +65,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 430px; min-height: 430px;
max-height: none;
padding: 0; padding: 0;
@include breakpoint(phone) { @include breakpoint(phone) {
@ -78,6 +80,16 @@
} }
} }
&.editParty {
min-height: 80vh;
.container {
display: flex;
flex-direction: column;
flex-grow: 1;
}
}
.container { .container {
overflow-y: hidden; 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 { &.Conflict {
$weapon-diameter: 14rem; $weapon-diameter: 14rem;