Mercurial > libervia-templates
view sat_templates/templates/bulma/static/call.css @ 376:c1f384f006e8
bulma (call): add "ringing" status
author | Goffi <goffi@goffi.org> |
---|---|
date | Wed, 16 Aug 2023 18:27:06 +0200 |
parents | 5646df8bd391 |
children | c573917ce388 |
line wrap: on
line source
#containers_wrapper { position: relative; height: 100%; width: 100%; } #call_container { position: absolute; height: 100%; width: 100%; } #remote_video, #local_video { border: 3px solid #eee; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); width: 100%; height: 100%; object-fit: contain; background-color: #000; } #remote_video { position: absolute; top: 0; left: 0; } #hangup_btn { padding-top: 2rem; padding-bottom: 2rem; } .fullscreen-btn { position: absolute; top: 10px; right: 10px; z-index: 2; } #local_video { position: absolute; bottom: 0; right: 0; width: 30%; height: 30%; } .controls { position: absolute; bottom: 10px; left: 0; right: 0; display: flex; justify-content: center; align-items: center; z-index: 2; } .inactive::after { content: "/"; position: absolute; font-size: 50px; top: 43%; left: 52%; transform: translate(-50%, -50%) rotate(45deg); } .muted::after { color: red; } .screen-off::after { color: #999; } .call_status { padding-top: 1.3rem; padding-bottom: 1.3rem; } .dropdown-menu{ min-width: 0; } /* Hide the call button by default on larger screens */ .card .dropdown-trigger { opacity: 0; transition: opacity 0.3s; } /* Show the button when the card is hovered */ .card:hover .dropdown-trigger { opacity: 1; } /* Ensure it's always visible on smaller screens */ @media (max-width: 768px) { .card .dropdown-trigger { opacity: 1; } } /* Position the button at the top right */ .level-right { position: absolute; top: 0.5rem; right: 0.5rem; } /* Add some spacing between the icon and the edges of the button */ .icon-dot-3-vert { margin: 0 0.5rem; }