hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added scrolltotop for mobile notifications

Browse source
This commit is contained in:
Henry Jameson 2022-09-28 21:30:09 +03:00
commit d3b5ba4864
2 changed files with 31 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/mobile_nav/mobile_nav.vue
View file

@ -48,6 +48,20 @@
>
<div class="mobile-notifications-header">
<span class="title">{{ $t('notifications.notifications') }}</span>
<span class="spacer"/>
<button
v-if="notificationsAtTop"
class="button-unstyled mobile-nav-button"
@click.stop.prevent="scrollMobileNotificationsToTop"
>
<FALayers class="fa-scale-110 fa-old-padding-layer">
<FAIcon icon="arrow-up" />
<FAIcon
icon="minus"
transform="up-7"
/>
</FALayers>
</button>
<button
class="button-unstyled mobile-nav-button"
@click.stop.prevent="closeMobileNotifications(true)"
@ -61,6 +75,7 @@
<div
id="mobile-notifications"
class="mobile-notifications"
ref="mobileNotifications"
@scroll="onScroll"
/>
</div>
@ -165,6 +180,10 @@
box-shadow: 0px 0px 4px rgba(0,0,0,.6);
box-shadow: var(--topBarShadow);
.spacer {
flex: 1;
}
.title {
font-size: 1.3em;
margin-left: 0.6em;