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

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

@ -16,9 +16,18 @@
padding: var(--sp-loose) var(--sp-extra-loose); padding: var(--sp-loose) var(--sp-extra-loose);
} }
& .tabs__content { & .tabs {
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); padding: 0 var(--sp-normal);
} }
}
&__cards-wrapper { &__cards-wrapper {
padding: 0 var(--sp-normal); padding: 0 var(--sp-normal);

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

@ -9,9 +9,18 @@
padding: var(--sp-loose) var(--sp-extra-loose); padding: var(--sp-loose) var(--sp-extra-loose);
} }
& .tabs__content { & .tabs {
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); padding: 0 var(--sp-normal);
} }
}
&__cards-wrapper { &__cards-wrapper {
padding: 0 var(--sp-normal); padding: 0 var(--sp-normal);