mirrors/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey.git synced 2025-07-06 03:56:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix scrolling in following feed on mobile

Browse source
This commit is contained in:
Hazelnoot 2025-05-04 08:47:38 -04:00
parent e87afe5804
commit 2294c22e35
1 changed files with 1 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/frontend/src/pages/following-feed.vue
View file

@ -110,9 +110,6 @@ definePage(() => ({
</script>
<style lang="scss" module>
//This inspection complains about duplicate "height" properties, but this is needed because "dvh" units are not supported in all browsers.
//The earlier "vh" provide a "close enough" approximation for older browsers.
//noinspection CssOverwrittenProperties
.root {
display: grid;
grid-template-columns: min-content 1fr min-content;
@ -122,18 +119,7 @@ definePage(() => ({
"lm notes rm";
gap: 12px;
height: 100vh;
height: 100dvh;
// The universal layout inserts a "spacer" thing that causes a stray scroll bar.
// We have to create fake "space" for it to "roll up" and back into the viewport, which removes the scrollbar.
margin-bottom: calc(-1 * var(--MI-minBottomSpacing));
// Some "just in case" backup properties.
// These should not be needed, but help to maintain the layout if the above trick ever stops working.
overflow: hidden;
position: sticky;
top: 0;
height: 100%;
}
.header {