"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:
parent
b271aa0923
commit
acadbc3eea
2 changed files with 4 additions and 1 deletions
|
|
@ -3,6 +3,7 @@
|
|||
flex-direction: column;
|
||||
gap: $unit-2x;
|
||||
width: $unit * 64;
|
||||
overflow-y: hidden;
|
||||
|
||||
.Fields {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -87,6 +87,7 @@ const AccountModal = (props: Props) => {
|
|||
|
||||
// Refs
|
||||
const headerRef = React.createRef<HTMLDivElement>()
|
||||
const footerRef = React.createRef<HTMLDivElement>()
|
||||
|
||||
// UI management
|
||||
function openChange(open: boolean) {
|
||||
|
|
@ -290,6 +291,7 @@ const AccountModal = (props: Props) => {
|
|||
<DialogContent
|
||||
className="Account"
|
||||
headerref={headerRef}
|
||||
footerref={footerRef}
|
||||
onOpenAutoFocus={(event: Event) => {}}
|
||||
onEscapeKeyDown={onEscapeKeyDown}
|
||||
>
|
||||
|
|
@ -314,7 +316,7 @@ const AccountModal = (props: Props) => {
|
|||
{languageField()}
|
||||
{themeField()}
|
||||
</div>
|
||||
<div className="DialogFooter">
|
||||
<div className="DialogFooter" ref={footerRef}>
|
||||
<Button
|
||||
contained={true}
|
||||
text={t('modals.settings.buttons.confirm')}
|
||||
|
|
|
|||
Loading…
Reference in a new issue