chat and css fix

This commit is contained in:
Alberto Xamin 2020-11-23 14:39:04 +01:00
parent feac59c636
commit e012013587
No known key found for this signature in database
GPG Key ID: 4F026F48309500A2
3 changed files with 6 additions and 12 deletions

View File

@ -142,9 +142,6 @@ export default {
h1,h2,h3,h4,p,span{
font-family: Avenir, Helvetica, Arial, sans-serif;
}
p {
font-size: 2vmin;
}
.center-stuff {
margin-left: auto;
margin-right: auto;

View File

@ -22,12 +22,8 @@ export default {
sockets: {
chat_message(msg) {
this.messages.push(msg)
// let container = this.$el.querySelector("#chatbox");
// container.scrollTop = container.scrollHeight;
const el = this.$el.getElementsByClassName('end')[0];
if (el) {
el.scrollIntoView();
}
let container = this.$el.querySelector("#chatbox");
container.scrollTop = container.scrollHeight;
},
},
methods: {

View File

@ -4,8 +4,8 @@
<button v-if="canEndTurn" @click="end_turn">Termina Turno</button>
<div class="equipment-slot">
<Card v-if="my_role" :card="my_role" class="back"/>
<Card v-if="character" :card="character"/>
<transition-group name="list" tag="div" style="margin: 0 0 0 10pt;">
<Card v-if="character" :card="character" style="margin-left: -30pt;margin-right: 0pt;"/>
<transition-group name="list" tag="div" style="margin: 0 0 0 10pt; display:flex;">
<Card v-for="card in equipment" v-bind:key="card.name+card.number" :card="card" />
</transition-group>
</div>
@ -224,9 +224,10 @@ export default {
margin-right:35pt;
margin-top:-0.5pt;
}
.equipment-slot, .equipment-slot>div {
.equipment-slot {
display:flex;
margin: 10pt 0pt;
overflow:auto;
}
.turn-notify {
pointer-events: none;