Mercurial > libervia-templates
view sat_templates/templates/default/static/forum.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 | 178f55b825b7 |
children |
line wrap: on
line source
.forums { margin: 2em auto 0 auto; width: 90%; } ul.forum { list-style: none; } ul.forum__panel_sub { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0 auto; } .forum__cat_sub { margin: 0.5em 1em; width: 25em; } .forum__cat_sub>a { border: 0.7rem solid #ddd; border-radius: 0.5em; display: block; padding: 1rem; margin-bottom: 1rem; text-decoration: none; color: inherit; } a.forum_active:hover { background-color: #43d2f6; } p.forum_short-desc { color: #666; margin: 0; font-size: 0.8em; } .forum__topics { margin-top: 3em; } .forum__topics>div { box-sizing: border-box; width: 80%; margin: 0.5em auto; padding: 0.2em 2em; background: #eee; } .forum__topics>:hover { background-color: #43d2f6; } .forum__topics img.avatar { vertical-align: middle; margin-right: 1em; } .forum__topics a { display: block; text-decoration: none; color: inherit; } .textbox input { width: 100%; box-sizing: border-box; } @media (min-width: 500px) { .textbox input { min-width: 26em; width: auto; } }