more fixes for shoutbox

This commit is contained in:
Henry Jameson 2022-04-26 18:12:45 +03:00
parent 079e289260
commit 49db16318b
3 changed files with 12 additions and 11 deletions

View file

@ -91,7 +91,7 @@ export default {
},
showFeaturesPanel () { return this.$store.state.instance.showFeaturesPanel },
shoutboxPosition () {
return this.$store.getters.mergedConfig.showNewPostButton || false
return this.$store.getters.mergedConfig.alwaysShowNewPostButton || false
},
hideShoutbox () {
return this.$store.getters.mergedConfig.hideShoutbox

View file

@ -47,7 +47,7 @@
v-if="currentUser && shout && !hideShoutbox"
:floating="true"
class="floating-shout mobile-hidden"
:class="{ 'left': shoutboxPosition }"
:class="{ '-left': shoutboxPosition }"
/>
<MobilePostStatusButton />
<UserReportingModal />

View file

@ -57,7 +57,7 @@
>
<div class="panel panel-default">
<div
class="panel-heading stub timeline-heading shout-heading"
class="panel-heading -stub timeline-heading shout-heading"
@click.stop.prevent="togglePanel"
>
<div class="title">
@ -79,17 +79,17 @@
.floating-shout {
position: fixed;
bottom: 0px;
bottom: 0.5em;
z-index: 1000;
max-width: 25em;
}
.floating-shout.left {
left: 0px;
}
&.-left {
left: 0.5em;
}
.floating-shout:not(.left) {
right: 0px;
&:not(.-left) {
right: 0.5em;
}
}
.shout-panel {
@ -121,7 +121,7 @@
.shout-message {
display: flex;
padding: 0.2em 0.5em
padding: 0.2em 0.5em;
}
.shout-avatar {
@ -137,6 +137,7 @@
.shout-input {
display: flex;
textarea {
flex: 1;
margin: 0.6em;