diff options
| author | Claire <claire.github-309c@sitedethib.com> | 2022-05-06 21:40:49 +0200 |
|---|---|---|
| committer | Claire <claire.github-309c@sitedethib.com> | 2022-05-08 21:05:21 +0200 |
| commit | 703c7ae4b9e31d053f7e2c952eac39585ae64ff6 (patch) | |
| tree | 7940abeba7388fd582b88caf9ad0cb64b7367f99 /app/javascript/flavours | |
| parent | 22080786df76ec49387984cf7233c51b97f1812d (diff) | |
[Glitch] Fix floating action button obscuring last element
Port 5a448d0d7143475dabe315e6038ec27b59e9e6b5 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours')
| -rw-r--r-- | app/javascript/flavours/glitch/features/ui/components/columns_area.js | 2 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/single_column.scss | 4 |
2 files changed, 5 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/features/ui/components/columns_area.js b/app/javascript/flavours/glitch/features/ui/components/columns_area.js index e39a31e5d..6cbcd81ee 100644 --- a/app/javascript/flavours/glitch/features/ui/components/columns_area.js +++ b/app/javascript/flavours/glitch/features/ui/components/columns_area.js @@ -234,7 +234,7 @@ class ColumnsArea extends ImmutablePureComponent { </div> </div> - <div className='columns-area__panels__main'> + <div className={`columns-area__panels__main ${floatingActionButton && 'with-fab'}`}> {!navbarUnder && <TabsBar key='tabs' />} {content} {navbarUnder && <TabsBar key='tabs' />} diff --git a/app/javascript/flavours/glitch/styles/components/single_column.scss b/app/javascript/flavours/glitch/styles/components/single_column.scss index db510f1f4..ba43e7f29 100644 --- a/app/javascript/flavours/glitch/styles/components/single_column.scss +++ b/app/javascript/flavours/glitch/styles/components/single_column.scss @@ -233,6 +233,10 @@ .columns-area__panels__pane--compositional { display: none; } + + .with-fab .scrollable .item-list:last-child { + padding-bottom: 5.25rem; + } } @media screen and (min-width: 600px + (285px * 1) + (10px * 1)) { |