fix: sticky notes
This commit is contained in:
@@ -115,7 +115,7 @@ watch(
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="public-note-view repo-note note-container">
|
<main class="public-note-view repo-note note-container">
|
||||||
<div class="note article">
|
<div class="note article">
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<back-button
|
<back-button
|
||||||
@@ -159,7 +159,7 @@ watch(
|
|||||||
:index="index"
|
:index="index"
|
||||||
:didrkey="stackedNote"
|
:didrkey="stackedNote"
|
||||||
/>
|
/>
|
||||||
</div>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@@ -183,6 +183,8 @@ watch(
|
|||||||
.article {
|
.article {
|
||||||
padding: 0 2rem;
|
padding: 0 2rem;
|
||||||
scrollbar-width: none;
|
scrollbar-width: none;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.content {
|
&.content {
|
||||||
@@ -219,6 +221,7 @@ watch(
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
position: sticky;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@@ -246,10 +249,6 @@ watch(
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.note {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
@media screen and (max-width: 768px) {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user