worst/pleroma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix for chat shadow

Browse source
This commit is contained in:
Henry Jameson 2022-04-11 23:30:41 +03:00
parent df18a74adc
commit 4f617a7293
4 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/App.js
View file

@ -82,8 +82,11 @@ export default {
!this.$store.getters.mergedConfig.hideISP && !this.$store.getters.mergedConfig.hideISP &&
this.$store.state.instance.instanceSpecificPanelContent this.$store.state.instance.instanceSpecificPanelContent
}, },
isChats () {
return this.$route.name === 'chat' || this.$route.name === 'chats'
},
newPostButtonShown () { newPostButtonShown () {
if (this.$route.name === 'chat' || this.$route.name === 'chats') return false if (this.isChats) return false
return this.$store.getters.mergedConfig.alwaysShowNewPostButton || this.layoutType === 'mobile' return this.$store.getters.mergedConfig.alwaysShowNewPostButton || this.layoutType === 'mobile'
}, },
showFeaturesPanel () { return this.$store.state.instance.showFeaturesPanel }, showFeaturesPanel () { return this.$store.state.instance.showFeaturesPanel },

5
src/App.scss
View file

@ -207,6 +207,11 @@ nav {
z-index: 2; z-index: 2;
} }
&.-full-height {
margin-top: 0;
margin-bottom: 0;
}
&.-scrollable { &.-scrollable {
--___paddingIncrease: calc(var(--columnGap) / 2); --___paddingIncrease: calc(var(--columnGap) / 2);

2
src/App.vue
View file

@ -26,7 +26,7 @@
<div id="notifs-sidebar" /> <div id="notifs-sidebar" />
</template> </template>
</div> </div>
<div id="main-scroller" class="column main"> <div id="main-scroller" class="column main" :class="{ '-full-height': isChats }">
<div <div
v-if="!currentUser" v-if="!currentUser"
class="login-hint panel panel-default" class="login-hint panel panel-default"

4
src/components/chat/chat.scss
View file

@ -22,6 +22,8 @@
margin: 0 0 0 0; margin: 0 0 0 0;
border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0; border-radius: var(--panelRadius, 10px) var(--panelRadius, 10px) 0 0;
margin-bottom: calc(var(--___columnMargin) * -1);
padding-bottom: var(--___columnMargin);
&::after { &::after {
border-radius: 0; border-radius: 0;
@ -40,7 +42,7 @@
bottom: 0; bottom: 0;
background-color: $fallback--bg; background-color: $fallback--bg;
background-color: var(--bg, $fallback--bg); background-color: var(--bg, $fallback--bg);
z-index: 10; z-index: 1;
} }
.chat-view-heading { .chat-view-heading {