RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mnav: prevent scroller overflow 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/653/head
Varun Patil 2023-05-03 21:03:15 -07:00
parent 2fa06c503e
commit fb6476a001
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MobileNav.vue
View File

@ -37,7 +37,7 @@ export default defineComponent({
<style lang="scss"> <style lang="scss">
:root { :root {
--mobile-nav-width: 62px; --mobile-nav-width: 58px;
} }
// Show correct nav depending on screen size // Show correct nav depending on screen size
@ -67,7 +67,7 @@ export default defineComponent({
height: var(--mobile-nav-width); height: var(--mobile-nav-width);
text-align: center; text-align: center;
padding: 8px; padding: 8px;
padding-top: 4px; padding-top: 2px;
font-size: 0.9em; font-size: 0.9em;
:deep a { :deep a {

3
src/components/Timeline.vue
View File

@ -384,7 +384,8 @@ export default defineComponent({
this.containerSize = [width, height]; this.containerSize = [width, height];
// Scroller spans the container height // Scroller spans the container height
this.scrollerHeight = height; // Compensate for the size of the scroller thumb
this.scrollerHeight = height - (this.isMobile() ? 40 : 20);
// Static top matter to exclude from recycler height // Static top matter to exclude from recycler height
const topmatter = this.$refs.topmatter as any; const topmatter = this.$refs.topmatter as any;