Fix floating action button obscuring last element (#18332)

Fixes #18331

Add some padding below the last element of scrollable lists when the FAB is
shown in order for users to always be able to fully see the last element.
pull/18348/head
Claire 2022-05-06 21:40:49 +02:00 committed by GitHub
parent a53003c6f1
commit 5a448d0d71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions

View File

@ -234,7 +234,7 @@ class ColumnsArea extends ImmutablePureComponent {
</div> </div>
</div> </div>
<div className='columns-area__panels__main'> <div className={`columns-area__panels__main ${floatingActionButton && 'with-fab'}`}>
<TabsBar key='tabs' /> <TabsBar key='tabs' />
{content} {content}
</div> </div>

View File

@ -2469,6 +2469,10 @@ a.account__display-name {
.columns-area__panels__pane--compositional { .columns-area__panels__pane--compositional {
display: none; display: none;
} }
.with-fab .scrollable .item-list:last-child {
padding-bottom: 5.25rem;
}
} }
@media screen and (min-width: 600px + (285px * 1) + (10px * 1)) { @media screen and (min-width: 600px + (285px * 1) + (10px * 1)) {