Chat header alignment fixes for the mobile layout

This commit is contained in:
eugenijm 2020-05-21 16:29:49 +03:00
parent c1faeacee8
commit 5f7494f134
4 changed files with 7 additions and 3 deletions

View file

@ -67,7 +67,7 @@
.go-back-button {
cursor: pointer;
margin-right: 0.7em;
margin-right: 1.2em;
i {
color: $fallback--link;

View file

@ -23,7 +23,7 @@
/>
</div>
</div>
<div style="">
<div style="visibility: hidden">
<i class="button-icon icon-info-circled" />
</div>
</div>

View file

@ -30,7 +30,10 @@ const MobileNav = {
return this.unseenNotifications.length
},
hideSitename () { return this.$store.state.instance.hideSitename },
sitename () { return this.$store.state.instance.name }
sitename () { return this.$store.state.instance.name },
navBarStyle () {
return { 'visibility': this.$route.name === 'chat' ? 'hidden' : 'visible' }
}
},
methods: {
toggleMobileSidebar () {

View file

@ -3,6 +3,7 @@
<nav
id="nav"
class="nav-bar container"
:style="navBarStyle"
>
<div
class="mobile-inner-nav"