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

Fix recyclerBefore size

old-stable24
Varun Patil 2022-10-18 11:20:17 -07:00
parent eda3116f6a
commit 90d5dc5268
1 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Timeline.vue
View File

@ -28,15 +28,16 @@
> >
<template #before> <template #before>
<!-- Show dynamic top matter, name of the view --> <!-- Show dynamic top matter, name of the view -->
<div class="recycler-before" ref="recyclerBefore" <div class="recycler-before" ref="recyclerBefore">
v-show="!$refs.topmatter.type && list.length > 0"> <div class="text" v-show="!$refs.topmatter.type && list.length > 0">
{{ getViewName() }} {{ getViewName() }}
</div> </div>
<OnThisDay v-if="$route.name === 'timeline'" <OnThisDay v-if="$route.name === 'timeline'"
:viewerManager="viewerManager" :viewerManager="viewerManager"
@load="scrollerManager.adjust()"> @load="scrollerManager.adjust()">
</OnThisDay> </OnThisDay>
</div>
</template> </template>
<template v-slot="{ item }"> <template v-slot="{ item }">
@ -1035,9 +1036,12 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
@include phone { padding-left: 40px; } @include phone { padding-left: 40px; }
} }
.recycler-before { .recycler-before {
font-size: 1.2em; width: 100%;
padding-top: 13px; > .text {
padding-left: 8px; font-size: 1.2em;
@include phone { padding-left: 48px; } padding-top: 13px;
padding-left: 8px;
@include phone { padding-left: 48px; }
}
} }
</style> </style>