aboutsummaryrefslogtreecommitdiff
path: root/client-web/style/chat.sass
blob: b8773334cac60899894553bbcbf1a5004c702beb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/*
 This file is part of keks-meet (https://codeberg.org/metamuffin/keks-meet)
 which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
 Copyright (C) 2023 metamuffin <metamuffin@disroot.org>

.chat
    position: fixed
    z-index: 70

    right: 1em
    bottom: 5em

    width: min(30em, 50vw)
    height: min(50em, 70vh)

    background-color: var(--bg)
    border-radius: 1em
    padding: 2em

    .message
        margin: 0.2em
    .author
        font-weight: bold
    .text
        color: white
    .image
        width: min(20em, 30vw)
        max-height: 50em // TODO squishes the image if too high

    .messages
        height: calc(100% - 3em)
        width: 100%
        overflow: scroll
    .controls
        padding: 1em
    input
        font-size: x-large
        width: 100%