Redo desktop nav, add options for site name and favicon #83

Merged
floatingghost merged 11 commits from eris/pleroma-fe:desktop-nav-redo into develop 2022-08-14 23:24:59 +00:00
7 changed files with 22 additions and 3 deletions
Showing only changes of commit b982c34694 - Show all commits

View file

@ -80,7 +80,9 @@ export default {
showNavShortcuts () {
return this.mergedConfig.showNavShortcuts
},
showWiderShortcuts () {
return this.mergedConfig.showWiderShortcuts
},
hideSiteFavicon () {
return this.mergedConfig.hideSiteFavicon
},

View file

@ -84,7 +84,7 @@
}
.nav-icon {
margin-left: 0.7em;
margin-left: 0.2em;
width: 2em;
height: 100%;
text-align: center;
@ -111,6 +111,12 @@
}
}
.-wide {
.nav-icon:not(.nav-icon-logout) {
margin-left: 0.7em;
}
}
.left {
padding-left: 5px;
display: flex;

View file

@ -5,7 +5,10 @@
:class="{ '-logoLeft': logoLeft }"
@click="scrollToTop()"
>
<div class="inner-nav">
<div
class="inner-nav"
:class="{ '-wide': showWiderShortcuts }"
>
<div class="item nav-left-wrapper">
<router-link
class="site-brand"

View file

@ -40,6 +40,11 @@
{{ $t('settings.show_nav_shortcuts') }}
</BooleanSetting>
</li>
<li>
<BooleanSetting path="showWiderShortcuts">
{{ $t('settings.show_wider_shortcuts') }}
</BooleanSetting>
</li>
<li>
<BooleanSetting path="stopGifs">
{{ $t('settings.stop_gifs') }}

View file

@ -614,6 +614,7 @@
"show_moderator_badge": "Show \"Moderator\" badge in my profile",
"show_nav_shortcuts": "Show extra navigation shortcuts in top panel",
"show_scrollbars": "Show side column's scrollbars",
"show_wider_shortcuts": "Show wider gap between top panel shortcuts",
"show_yous": "Show (You)s",
"stop_gifs": "Pause animated images until you hover on them",
"streaming": "Automatically show new posts when scrolled to the top",

View file

@ -37,6 +37,7 @@ export const defaultState = {
collapseMessageWithSubject: undefined, // instance default
padEmoji: true,
showNavShortcuts: undefined, // instance default
showWiderShortcuts: undefined, // instance default
hideSiteFavicon: undefined, // instance default
hideSiteName: undefined, // instance default
hideAttachments: false,

View file

@ -52,6 +52,7 @@ const defaultState = {
showFeaturesPanel: true,
showInstanceSpecificPanel: false,
showNavShortcuts: true,
showWiderShortcuts: true,
sidebarRight: false,
subjectLineBehavior: 'email',
theme: 'pleroma-dark',