Mercurial Hosting > chat

comparison src/chat.css @ 10:f9e6a4cc4f7d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add Post
author Franklin Schmidt <fschmidt@gmail.com>
date Wed, 30 Oct 2024 23:18:45 -0600
parents
children 563a5358f2ee
comparison
equal deleted inserted replaced
9:b8b12fd8be22 10:f9e6a4cc4f7d
1 div[content] {
2 margin-bottom: 0;
3 display: flex;
4 xheight: 100%;
5 height: calc(100vh - 32px);
6 margin-left: calc(3% - 8px);
7 margin-right: 0;
8 }
9
10 div[chats] {
11 width: 250px;
12 padding-right: 8px;
13 flex-shrink: 0;
14 overflow-y: auto;
15 }
16
17 div[chats] > div {
18 margin-top: 2px;
19 margin-bottom: 2px;
20 padding-top: 16px;
21 padding-bottom: 16px;
22 padding-left: 8px;
23 padding-right: 8px;
24 border-radius: 4px;
25 }
26
27 div[chats] > div:hover,
28 div[chats] > div[selected] {
29 background-color: LightBlue;
30 }
31
32 div[posts] {
33 padding-left: 8px;
34 border-left: 1px solid;
35 width: 100%;
36 display: flex;
37 flex-direction: column;
38 }
39
40 div[posts] > * {
41 padding-right: 3vw;
42 }
43
44 div[top] {
45 display: flex;
46 justify-content: space-between;
47 align-items: center;
48 }
49
50 div[main] {
51 overflow-y: auto;
52 }
53
54 div[post] {
55 margin-top: 16px;
56 margin-bottom: 16px;
57 }
58
59 div[text] {
60 white-space-collapse: preserve;
61 }
62
63 div[input] {
64 padding-top: 1em;
65 padding-bottom: 1em;
66 display: flex;
67 gap: 8px;
68 align-items: flex-end;
69 }
70
71 div[input] textarea {
72 flex-grow: 1;
73 max-height: 150px;
74 resize: none;
75 }