Mercurial > libervia-templates
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 } |