treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

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.
lolsob-rspec
Claire 2022-05-06 21:40:49 +02:00 committed by GitHub
parent 0e0b96b8e7
commit 82dcdc12f1
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/mastodon/features/ui/components/columns_area.js
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>

4
app/javascript/styles/mastodon/components.scss
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)) {