annotate sat_templates/templates/default/static/chat_select.css @ 400:140690a18b63

call: group call design: Design for group call (which is used for both group call and A/V conferences) has been improved to: - have a working fullscreen button; - have a better display of peer users in grid, with responsive design; - have a nicer design for peer user, and adding avatar/nickname as overlay on the bottom of the video stream; - add a way to (un)pin a peer user, which make is appear on the whole width on top of the grid. rel 448 HG<S-Insert>: changed sat_templates/templates/bulma/call/group_peer.html
author Goffi <goffi@goffi.org>
date Tue, 06 Aug 2024 23:50:17 +0200
parents e9f0a4215e46
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
86
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
1 #main_area {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
2 overflow: auto;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
3 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
4
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
5 .rooms_list {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
6 list-style: none;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
7 display: grid;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
8 text-align: center;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
9 padding: 0;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
10 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
11
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
12 .rooms_list a {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
13 text-decoration: none;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
14 color: inherit;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
15 font-variant: small-caps;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
16 font-weight: bold;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
17 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
18
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
19 .rooms_list li {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
20 margin-top: 1em;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
21 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
22
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
23 .rooms_list li:first-child {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
24 margin-top: 0;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
25 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
26
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
27 .rooms_list li:hover {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
28 background-color: #efefef;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
29 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
30
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
31 @media (min-width: 600px) {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
32 .rooms_list {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
33 grid-template-columns: 1fr 1fr 1fr;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
34 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
35
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
36 .rooms_list li {
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
37 margin-top: 0;
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
38 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
diff changeset
39 }