Merge branch '3c-fixes' into 'develop'

restore notifications page, fix z-index issues

Closes #1166

See merge request pleroma/pleroma-fe!1534
This commit is contained in:
HJ 2022-06-07 13:59:07 +00:00
commit 15229d27b4
5 changed files with 7 additions and 5 deletions

View File

@ -9,7 +9,7 @@
/> />
<MobileNav v-if="layoutType === 'mobile'" /> <MobileNav v-if="layoutType === 'mobile'" />
<DesktopNav v-else /> <DesktopNav v-else />
<notifications v-if="currentUser" /> <Notifications v-if="currentUser" />
<div <div
id="content" id="content"
class="app-layout container" class="app-layout container"

View File

@ -62,7 +62,7 @@ export default (store) => {
{ name: 'password-reset', path: '/password-reset', component: PasswordReset, props: true }, { name: 'password-reset', path: '/password-reset', component: PasswordReset, props: true },
{ name: 'registration-token', path: '/registration/:token', component: Registration }, { name: 'registration-token', path: '/registration/:token', component: Registration },
{ name: 'friend-requests', path: '/friend-requests', component: FollowRequests, beforeEnter: validateAuthenticatedRoute }, { name: 'friend-requests', path: '/friend-requests', component: FollowRequests, beforeEnter: validateAuthenticatedRoute },
{ name: 'notifications', path: '/:username/notifications', component: Notifications, beforeEnter: validateAuthenticatedRoute }, { name: 'notifications', path: '/:username/notifications', component: Notifications, props: () => ({ disableTeleport: true }), beforeEnter: validateAuthenticatedRoute },
{ name: 'login', path: '/login', component: AuthForm }, { name: 'login', path: '/login', component: AuthForm },
{ name: 'shout-panel', path: '/shout-panel', component: ShoutPanel, props: () => ({ floating: false }) }, { name: 'shout-panel', path: '/shout-panel', component: ShoutPanel, props: () => ({ floating: false }) },
{ name: 'oauth-callback', path: '/oauth-callback', component: OAuthCallback, props: (route) => ({ code: route.query.code }) }, { name: 'oauth-callback', path: '/oauth-callback', component: OAuthCallback, props: (route) => ({ code: route.query.code }) },

View File

@ -27,7 +27,9 @@ const Notifications = {
// meant for "Interactions" timeline // meant for "Interactions" timeline
minimalMode: Boolean, minimalMode: Boolean,
// Custom filter mode, an array of strings, possible values 'mention', 'repeat', 'like', 'follow', used to override global filter for use in "Interactions" timeline // Custom filter mode, an array of strings, possible values 'mention', 'repeat', 'like', 'follow', used to override global filter for use in "Interactions" timeline
filterMode: Array filterMode: Array,
// Disable teleporting (i.e. for /users/user/notifications)
disableTeleport: Boolean
}, },
data () { data () {
return { return {

View File

@ -1,5 +1,5 @@
<template> <template>
<teleport :disabled="minimalMode" :to="teleportTarget"> <teleport :disabled="minimalMode || disableTeleport" :to="teleportTarget">
<div <div
:class="{ minimal: minimalMode }" :class="{ minimal: minimalMode }"
class="Notifications" class="Notifications"

View File

@ -11,7 +11,7 @@
.conversation-heading { .conversation-heading {
top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 2)); top: calc(var(--__panel-heading-height) * var(--currentPanelStack, 2));
z-index: 1; z-index: 2;
} }
&.-nonpanel { &.-nonpanel {