comparison sat_templates/templates/bulma/static/call.css @ 372:a603cf0fa5d1

bulma (call): add a button for screen sharing: - add a button for screen sharing, only on desktop - split `muted` state to `inactive` and `muted` where `muted` is only about the color - use the `inactive` state with an other color (in `screen-off` class) to indicate when screen is not shared rel 432
author Goffi <goffi@goffi.org>
date Mon, 14 Aug 2023 16:31:46 +0200
parents a5a80d761e3e
children 5646df8bd391
comparison
equal deleted inserted replaced
371:a5a80d761e3e 372:a603cf0fa5d1
55 justify-content: center; 55 justify-content: center;
56 align-items: center; 56 align-items: center;
57 z-index: 2; 57 z-index: 2;
58 } 58 }
59 59
60 .muted::after { 60 .inactive::after {
61 content: "/"; 61 content: "/";
62 position: absolute; 62 position: absolute;
63 font-size: 50px; 63 font-size: 50px;
64 color: red;
65 top: 43%; 64 top: 43%;
66 left: 52%; 65 left: 52%;
67 transform: translate(-50%, -50%) rotate(45deg); 66 transform: translate(-50%, -50%) rotate(45deg);
67 }
68
69 .muted::after {
70 color: red;
71 }
72
73 .screen-off::after {
74 color: #999;
68 } 75 }
69 76
70 .dropdown .dropdown-menu { 77 .dropdown .dropdown-menu {
71 display: none; 78 display: none;
72 } 79 }