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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 166
diff changeset
48
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 166
diff changeset
49 /*********
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 166
diff changeset
50 * Menus *
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 166
diff changeset
51 *********/
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 166
diff changeset
52
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 166
diff changeset
53 .menu__language button {
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 166
diff changeset
54 display: initial;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 166
diff changeset
55 }