Some css fixes.

Scale chat panel size to viewport height, fit message field to width.
This commit is contained in:
eal 2017-12-07 19:03:26 +02:00
parent 612fb18367
commit ecb8acb155
1 changed files with 6 additions and 1 deletions

View File

@ -30,6 +30,11 @@
<style lang="scss"> <style lang="scss">
.chat-window {
max-height: 80vh;
overflow-y: auto;
overflow-x: hidden;
}
.chat-message { .chat-message {
padding: 0.2em 0.5em padding: 0.2em 0.5em
} }
@ -47,7 +52,7 @@
flex: auto; flex: auto;
input { input {
margin: 0.5em; margin: 0.5em;
width: 100%; width: fill-available;
} }
} }
} }