diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2019-08-01 12:26:58 +0200 |
---|---|---|
committer | Thibaut Girka <thib@sitedethib.com> | 2019-10-05 22:53:20 +0200 |
commit | fdadd520b184fbf8e0b99c25a19ef7f25ca651f6 (patch) | |
tree | 56f82754efaa67c842faea0b53928b0c15bba13d /app/javascript/flavours/glitch/styles/components/columns.scss | |
parent | 3edb816eb0a632fa97d9a8f9a65796e5387bfdd5 (diff) |
[Glitch] Fix column header scrolling with the page
Port 706a48ee1f2075ffb35ad4ad9cfc2f23fffbffcb to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/columns.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/columns.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss index 32f587ca0..1ff4ac554 100644 --- a/app/javascript/flavours/glitch/styles/components/columns.scss +++ b/app/javascript/flavours/glitch/styles/components/columns.scss @@ -52,6 +52,26 @@ } } +.tabs-bar__wrapper { + background: darken($ui-base-color, 8%); + position: sticky; + top: 0; + z-index: 2; + padding-top: 0; + + @media screen and (min-width: $no-gap-breakpoint) { + padding-top: 10px; + } + + .tabs-bar { + margin-bottom: 0; + + @media screen and (min-width: $no-gap-breakpoint) { + margin-bottom: 10px; + } + } +} + .react-swipeable-view-container { &, .columns-area, |