"Fix" extra scroll on AccountModal

This is definitely a "fix" because I have no idea why it was misbehaving in the first place
This commit is contained in:
Justin Edmund 2023-01-21 07:42:41 -08:00
parent b271aa0923
commit acadbc3eea
2 changed files with 4 additions and 1 deletions

View file

@ -3,6 +3,7 @@
flex-direction: column; flex-direction: column;
gap: $unit-2x; gap: $unit-2x;
width: $unit * 64; width: $unit * 64;
overflow-y: hidden;
.Fields { .Fields {
display: flex; display: flex;

View file

@ -87,6 +87,7 @@ const AccountModal = (props: Props) => {
// Refs // Refs
const headerRef = React.createRef<HTMLDivElement>() const headerRef = React.createRef<HTMLDivElement>()
const footerRef = React.createRef<HTMLDivElement>()
// UI management // UI management
function openChange(open: boolean) { function openChange(open: boolean) {
@ -290,6 +291,7 @@ const AccountModal = (props: Props) => {
<DialogContent <DialogContent
className="Account" className="Account"
headerref={headerRef} headerref={headerRef}
footerref={footerRef}
onOpenAutoFocus={(event: Event) => {}} onOpenAutoFocus={(event: Event) => {}}
onEscapeKeyDown={onEscapeKeyDown} onEscapeKeyDown={onEscapeKeyDown}
> >
@ -314,7 +316,7 @@ const AccountModal = (props: Props) => {
{languageField()} {languageField()}
{themeField()} {themeField()}
</div> </div>
<div className="DialogFooter"> <div className="DialogFooter" ref={footerRef}>
<Button <Button
contained={true} contained={true}
text={t('modals.settings.buttons.confirm')} text={t('modals.settings.buttons.confirm')}