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 }, showFeaturesPanel () { return this.$store.state.instance.showFeaturesPanel },
shoutboxPosition () { shoutboxPosition () {
return this.$store.getters.mergedConfig.showNewPostButton || false return this.$store.getters.mergedConfig.alwaysShowNewPostButton || false
}, },
hideShoutbox () { hideShoutbox () {
return this.$store.getters.mergedConfig.hideShoutbox return this.$store.getters.mergedConfig.hideShoutbox

View file

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

View file

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