Mercurial > libervia-templates

comparison sat_templates/default/static/chat.css @ 147:33c7ce833d3f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
install: setup.py fix + moved "default" dir in a "sat_templates" dir: the merge request at https://bugs.goffi.org/mr/view/3 was a good basis, but not fully working ("default" dir was removed), this patch fixes it, and do some improvments: - moved "default" in "sat_templates" dir, which correspond to the python module, so it can be found easily from python - added VERSION, and mercurial hash detection, in the same way as for Cagou and backend - slight modification of classifiers - replaces tabs coming from MR by spaces
author Goffi <goffi@goffi.org>
date Sat, 02 Jun 2018 17:25:43 +0200
parents default/static/chat.css@0a0d9a953d98
children
comparison
equal deleted inserted replaced
146:7dc00829c32f 147:33c7ce833d3f
1 :root {
2 --message_input-height: 2rem;
3 }
4
5 #main_area {
6 overflow: hidden;
7 }
8
9 .chat_widget {
10 position: absolute;
11 height: 100%;
12 width: 100%;
13 box-sizing: border-box;
14 display: flex;
15 flex-direction: column;
16 }
17
18 #messages {
19 height: 100%;
20 min-height: 150px;
21 overflow: auto;
22 box-sizing: border-box;
23 resize: vertical;
24 transition: height 0.6s;
25 }
26
27 #subject {
28 padding: 1em;
29 text-align: center;
30 background: #eee;
31 font-style: italic;
32 }
33
34 #messages > p {
35 margin: 0;
36 padding: 0.5em 0 0 0.5em;
37 }
38
39 #messages .msg_body {
40 white-space: pre-wrap;
41 }
42
43 #message_input {
44 width: 100%;
45 height: 100%;
46 padding-top: 0.5rem;
47 margin: 0;
48 box-sizing: border-box;
49 resize: none;
50 }
51
52 .message_box {
53 flex: 1 1 calc(var(--message_input-height));
54 position: relative;
55 min-height: 1rem;
56 box-sizing: border-box;
57 }
58
59
60 #messages > p.msg_info {
61 white-space: pre-wrap;
62 font-family: monospace;
63 color: #049282;
64 }
65
66 .msg_header {
67 display: block;
68 font-size: 0.9em;
69 }
70
71 .author {
72 font-weight: bold;
73 }
74
75 .date {
76 color: #777;
77 }
78
79 @media (min-width: 800px) {
80 #messages > p {
81 padding-left: 1.5em;
82 }
83 }