matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add scrolling SubNavigation to Home and Account timelines

Browse Source
This commit is contained in:
Alex Gleason
2021-10-15 21:55:11 -05:00
parent 17e73a3846
commit b1da9dc455
9 changed files with 112 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/styles/components/account-header.scss
View File

@@ -335,3 +335,13 @@
}
}
}
.account__sub-navigation {
display: none;
@media (max-width: 897px) {
display: flex;
position: fixed;
margin: 0;
}
}

6
app/styles/components/columns.scss
View File

@@ -924,8 +924,8 @@
}
// Make MaterialStatus flush against SubNavigation
.sub-navigation ~ .slist .item-list > article:first-child .material-status__status,
.sub-navigation ~ .material-status:not(.material-status + .material-status) .material-status__status {
.sub-navigation:not(.sub-navigation--hidden) ~ .slist .item-list > article:first-child .material-status__status,
.sub-navigation:not(.sub-navigation--hidden) ~ .material-status:not(.material-status + .material-status) .material-status__status {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@@ -940,7 +940,7 @@
}
}
.sub-navigation ~ .slist .slist__append {
.sub-navigation:not(.sub-navigation--hidden) ~ .slist .slist__append {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

2
app/styles/components/timeline-queue-header.scss
View File

@@ -15,7 +15,7 @@
padding: 0 10px;
z-index: 500;
.sub-navigation ~ & {
.sub-navigation:not(.sub-navigation--hidden) ~ & {
top: calc(60px + 41px);
}

2
app/styles/components/wtf-panel.scss
View File

@@ -162,7 +162,7 @@
}
}
.column .sub-navigation ~ .wtf-panel {
.column .sub-navigation:not(.sub-navigation--hidden) ~ .wtf-panel {
border-top-left-radius: 0;
border-top-right-radius: 0;
}