1
0
mirror of https://github.com/flarum/core.git synced 2025-08-03 23:17:43 +02:00

feat: use position: sticky for discussion side nav (#3540)

This commit is contained in:
David Wheatley
2022-07-17 11:06:19 +01:00
committed by GitHub
parent cd610a1cf2
commit 29179e27c6
4 changed files with 5 additions and 6 deletions

View File

@@ -2,7 +2,6 @@
position: relative !important; position: relative !important;
padding-top: var(--header-height); padding-top: var(--header-height);
padding-bottom: 50px; padding-bottom: 50px;
overflow-x: hidden;
min-height: 100vh; min-height: 100vh;
@media @phone { @media @phone {

View File

@@ -13,6 +13,7 @@ body {
font-size: 13px; font-size: 13px;
line-height: 1.5; line-height: 1.5;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {

View File

@@ -25,15 +25,15 @@
@media @tablet-up { @media @tablet-up {
.DiscussionPage-nav { .DiscussionPage-nav {
float: right; float: right;
position: sticky;
top: var(--header-height);
padding-top: 32px;
&, > ul { &, > ul {
width: 150px; width: 150px;
} }
> ul {
position: fixed;
margin-top: 30px;
z-index: 1;
> ul {
> li { > li {
margin-bottom: 10px; margin-bottom: 10px;
} }

View File

@@ -8,7 +8,6 @@
position: relative; position: relative;
top: 0; top: 0;
border-radius: var(--border-radius); border-radius: var(--border-radius);
.clearfix();
&.editing { &.editing {
top: 5px; top: 5px;