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

[Glitch] Fix floating action button obscuring last element 

Port 5a448d0d71 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
Claire 2022-05-06 21:40:49 +02:00
parent 22080786df
commit 703c7ae4b9
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/flavours/glitch/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'}`}>
{!navbarUnder && <TabsBar key='tabs' />} {!navbarUnder && <TabsBar key='tabs' />}
{content} {content}
{navbarUnder && <TabsBar key='tabs' />} {navbarUnder && <TabsBar key='tabs' />}

4
app/javascript/flavours/glitch/styles/components/single_column.scss
View File

@ -233,6 +233,10 @@
.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)) {