Mercurial > libervia-templates
annotate sat_templates/templates/default/static/photo.css @ 400:140690a18b63 default tip
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 | f1188ce8dd17 |
children |
rev | line source |
---|---|
124 | 1 .album { |
2 display: flex; | |
3 flex-wrap: wrap; | |
4 } | |
5 | |
6 .album__item { | |
7 width: 400px; | |
193
f1188ce8dd17
css (photo): fixed width on small screens (mobiles) for album__item
Goffi <goffi@goffi.org>
parents:
166
diff
changeset
|
8 max-width: 100%; |
f1188ce8dd17
css (photo): fixed width on small screens (mobiles) for album__item
Goffi <goffi@goffi.org>
parents:
166
diff
changeset
|
9 margin: 0 0.1em 2em 0.1em; |
124 | 10 } |
11 | |
12 .album__vignette { | |
13 background-color: #444; | |
14 height: 300px; | |
15 position: relative; | |
16 } | |
17 | |
18 .album__thumbnail { | |
19 height: 100%; | |
20 display: block; | |
21 margin: 0 auto; | |
22 } | |
23 | |
24 .album__comments-bar { | |
25 display: block; | |
26 font-size: 0.8em; | |
27 color: black; | |
28 text-align: right; | |
29 cursor: pointer; | |
30 } | |
31 | |
32 .album__comments-bar:hover { | |
33 background-color: #ddd; | |
34 font-weight: bold; | |
35 } | |
36 | |
37 .comments__count { | |
38 font-weight: bold; | |
39 } |