Mercurial > libervia-templates
annotate sat_templates/templates/default/static/file.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 |
rev | line source |
---|---|
122 | 1 #files { |
2 list-style: none; | |
3 display: flex; | |
4 flex-wrap: wrap; | |
5 } | |
6 | |
7 .file { | |
8 padding: 0 0 0.5em; | |
9 width: 100px; | |
10 text-overflow: ellipsis; | |
11 overflow: hidden; | |
12 text-align: center; | |
13 overflow-wrap: break-word; | |
14 } | |
15 | |
16 .file:hover { | |
17 background: #ddd; | |
18 overflow: visible; | |
19 } | |
20 | |
21 .file a { | |
22 text-decoration: none; | |
123
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
23 outline: none; |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
24 } |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
25 |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
26 .file a:focus img { |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
27 outline: 3px solid #bbb; |
122 | 28 } |
29 | |
30 .file__icon { | |
31 height: 3em; | |
32 display: block; | |
33 margin: 0 auto; | |
34 } | |
35 | |
123
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
36 .file__thumbnail { |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
37 max-width: 300px; |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
38 height: 125px; |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
39 display: block; |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
40 margin: 0 auto; |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
41 } |
44b838bcc0d6
file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
42 |
122 | 43 |
44 @media (min-width: 500px) { | |
45 .file { | |
46 padding: 1em; | |
47 width: 170px; | |
48 } | |
49 } |