michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

settings-sticky-tabs (#1)

Browse source 
- Add sticky positioning for tabs on the Settings panel
- Also add sticky position for SpaceSettings
This commit is contained in:
Michael Zhang 2023-03-31 17:16:52 -05:00
parent dcad1840c4
commit c673ee5928
2 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/app/organisms/settings/Settings.scss
View file

@ -16,8 +16,17 @@
padding: var(--sp-loose) var(--sp-extra-loose); padding: var(--sp-loose) var(--sp-extra-loose);
} }
& .tabs__content { & .tabs {
padding: 0 var(--sp-normal); position: sticky;
top: 0;
z-index: 999;
background-color: var(--bg-surface-low);
box-shadow: 0 -4px 0 var(--bg-surface-low),
inset 0 -1px 0 var(--bg-surface-border);
&__content {
padding: 0 var(--sp-normal);
}
} }
&__cards-wrapper { &__cards-wrapper {

15
src/app/organisms/space-settings/SpaceSettings.scss
View file

@ -9,8 +9,17 @@
padding: var(--sp-loose) var(--sp-extra-loose); padding: var(--sp-loose) var(--sp-extra-loose);
} }
& .tabs__content { & .tabs {
padding: 0 var(--sp-normal); position: sticky;
top: 0;
z-index: 999;
background-color: var(--bg-surface-low);
box-shadow: 0 -4px 0 var(--bg-surface-low),
inset 0 -1px 0 var(--bg-surface-border);
&__content {
padding: 0 var(--sp-normal);
}
} }
&__cards-wrapper { &__cards-wrapper {
@ -34,4 +43,4 @@
.space-settings .room-permissions__card, .space-settings .room-permissions__card,
.space-settings .room-members { .space-settings .room-members {
@extend .space-settings__card; @extend .space-settings__card;
} }