Mercurial > libervia-templates
annotate sat_templates/templates/default/static/styles_noscript.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 | 255faa03379a |
children |
rev | line source |
---|---|
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
1 /******************************************************* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
2 * This styles are used when javascript is not enabled * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
3 *******************************************************/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
4 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
5 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
6 /************* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
7 * Constants * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
8 *************/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
9 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
10 :root { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
11 --box--expand_limit: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
12 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
13 |
212
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
14 |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
15 /********** |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
16 * States * |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
17 **********/ |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
18 |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
19 /* no click without JS, so we display blogs in other languages directly */ |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
20 .other_lang.state_init>* { |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
21 display: block; |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
22 } |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
23 |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
24 /* initial state is made to display something until click, |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
25 * better to disable without JS */ |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
26 .state_init>.show_if_parent_init { |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
27 display: none; |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
28 } |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
29 |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
30 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
31 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
32 * boxes * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
33 *********/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
34 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
35 .box__under { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
36 display: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
37 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
38 |
212
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
39 /********** |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
40 * Panels * |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
41 **********/ |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
42 |
212
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
43 /* drawer needs to be opened to have the content visible */ |
255faa03379a
css (noscript): fixed blog not visible without javascript:
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
44 .panel-drawer { |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
45 max-height: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
46 opacity: 1; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
47 } |
183 | 48 |
49 /********* | |
50 * Menus * | |
51 *********/ | |
52 | |
53 .menu__language button { | |
54 display: initial; | |
55 } |