remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(notes): scope stacked-note sticky to desktop

Browse Source 
Move position: sticky from the global .note rule into the desktop
@media block of the scoped stacked-note components, so mobile no longer
inherits sticky positioning (and no top is set there).
This commit is contained in:
Julien Calixte
2026-04-29 11:32:13 +02:00
parent 3e9418285f
commit f529832eee
4 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/FluxNote.vue
View File

@@ -211,7 +211,6 @@ $header-height: 40px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
position: sticky;
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid rgba(18, 19, 58, 0.2); border-top: 1px solid rgba(18, 19, 58, 0.2);

2
src/components/StackedNote.vue
View File

@@ -330,6 +330,8 @@ $border-color: rgba(18, 19, 58, 0.2);
.stacked-note { .stacked-note {
border-top: 0; border-top: 0;
border-left: 1px solid $border-color; border-left: 1px solid $border-color;
position: sticky;
top: 0;
} }
.title-stacked-note { .title-stacked-note {

2
src/components/StackedPublicNote.vue
View File

@@ -193,6 +193,8 @@ $border-color: rgba(18, 19, 58, 0.2);
.stacked-note { .stacked-note {
border-top: 0; border-top: 0;
border-left: 1px solid $border-color; border-left: 1px solid $border-color;
position: sticky;
top: 0;
} }
.title-stacked-note { .title-stacked-note {

1
src/views/PublicNoteView.vue
View File

@@ -241,7 +241,6 @@ watch(
overflow-y: auto; overflow-y: auto;
height: 100vh; height: 100vh;
width: 100%; width: 100%;
position: sticky;
.title { .title {
text-align: left; text-align: left;