]>
Commit | Line | Data |
---|---|---|
441e453a C |
1 | @import 'variables'; |
2 | @import 'mixins'; | |
3 | ||
4 | form { | |
5 | margin: 20px 20px 0 0; | |
6 | } | |
7 | ||
8 | textarea { | |
9 | @include peertube-textarea(100%, 70px); | |
10 | ||
11 | margin-top: 20px; | |
12 | } | |
13 | ||
14 | .messages { | |
15 | display: flex; | |
16 | flex-direction: column; | |
17 | overflow-y: scroll; | |
18 | margin-right: 5px; | |
19 | } | |
20 | ||
21 | .message-block { | |
22 | margin-bottom: 10px; | |
23 | max-width: 60%; | |
24 | ||
25 | .author { | |
26 | color: var(--greyForegroundColor); | |
27 | font-size: 14px; | |
28 | } | |
29 | ||
30 | .bubble { | |
31 | color: var(--mainForegroundColor); | |
32 | background-color: var(--greyBackgroundColor); | |
33 | border-radius: 10px; | |
34 | padding: 5px 10px; | |
35 | ||
36 | &.by-me { | |
37 | color: var(--mainForegroundColor); | |
38 | background-color: var(--secondaryColor); | |
39 | } | |
40 | ||
41 | &.by-moderator { | |
42 | color: #fff; | |
43 | background-color: var(--mainColor); | |
44 | ||
45 | align-self: flex-end; | |
46 | } | |
47 | ||
48 | .content { | |
49 | font-size: 15px; | |
50 | } | |
51 | ||
52 | .date { | |
53 | font-size: 13px; | |
54 | color: var(--greyForegroundColor); | |
55 | } | |
56 | } | |
57 | } |