"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;
|
flex-direction: column;
|
||||||
gap: $unit-2x;
|
gap: $unit-2x;
|
||||||
width: $unit * 64;
|
width: $unit * 64;
|
||||||
|
overflow-y: hidden;
|
||||||
|
|
||||||
.Fields {
|
.Fields {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -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')}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue