bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

AccountTimeline: add SubNavigation

Browse source
This commit is contained in:
Alex Gleason 2021-10-19 15:13:04 -05:00
parent 9871c4dff1
commit ec22cc8afa
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
7 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/components/sub_navigation.js
View file

Binary file not shown.

BIN
app/soapbox/features/account_timeline/components/column_settings.js
View file

Binary file not shown.

BIN
app/soapbox/features/account_timeline/index.js
View file

Binary file not shown.

6
app/styles/components/account-header.scss
View file

@ -335,3 +335,9 @@
} }
} }
} }
@media (min-width: 896px) {
.account-timeline .sub-navigation {
top: 134px;
}
}

10
app/styles/components/columns.scss
View file

@ -625,6 +625,12 @@
overflow-y: auto; overflow-y: auto;
} }
&__description {
font-size: 14px;
margin: 5px 0 15px;
color: var(--primary-text-color--faint);
}
&__close { &__close {
display: flex; display: flex;
align-items: center; align-items: center;
@ -949,3 +955,7 @@
.column .explanation-box { .column .explanation-box {
background: var(--foreground-color); background: var(--foreground-color);
} }
.sub-navigation + .account__section-headline {
background: var(--foreground-color);
}

2
app/styles/components/tabs-bar.scss
View file

@ -8,7 +8,7 @@
width: 100%; width: 100%;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1000; z-index: 1100;
transition: transform 0.2s ease; transition: transform 0.2s ease;
&--collapsed { &--collapsed {

3
app/styles/ui.scss
View file

@ -346,10 +346,11 @@
width: 100%; width: 100%;
&__top { &__top {
@include standard-panel-shadow;
display: flex; display: flex;
width: 100%; width: 100%;
height: auto; height: auto;
z-index: 105; z-index: 1000;
background: var(--foreground-color); background: var(--foreground-color);
@media (min-width: 896px) { @media (min-width: 896px) {