Mercurial > libervia-templates

comparison sat_templates/templates/bulma/static/call.css @ 374:5646df8bd391

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (call): calling mode improvments: - instead of a "switch" button, there are now 2 button with only an icon, one for video call and the other for audio call, they appear on the same row as the search bar - search item can now be extended using "call" blocks, and options are used - call search items don't show group, and now display an "extra" menu (3 dots menu) with a dropdown to select audio or video call.
author Goffi <goffi@goffi.org>
date Tue, 15 Aug 2023 17:12:18 +0200
parents a603cf0fa5d1
children c573917ce388
comparison
equal deleted inserted replaced
373:c5609be6c34e 374:5646df8bd391
72 72
73 .screen-off::after { 73 .screen-off::after {
74 color: #999; 74 color: #999;
75 } 75 }
76 76
77 .dropdown .dropdown-menu {
78 display: none;
79 }
80
81 .dropdown.is-active .dropdown-menu {
82 display: block;
83 }
84
85 .call_status { 77 .call_status {
86 padding-top: 1.3rem; 78 padding-top: 1.3rem;
87 padding-bottom: 1.3rem; 79 padding-bottom: 1.3rem;
88 } 80 }
81
82 .dropdown-menu{
83 min-width: 0;
84 }
85
86 /* Hide the call button by default on larger screens */
87 .card .dropdown-trigger {
88 opacity: 0;
89 transition: opacity 0.3s;
90 }
91
92 /* Show the button when the card is hovered */
93 .card:hover .dropdown-trigger {
94 opacity: 1;
95 }
96
97 /* Ensure it's always visible on smaller screens */
98 @media (max-width: 768px) {
99 .card .dropdown-trigger {
100 opacity: 1;
101 }
102 }
103
104 /* Position the button at the top right */
105 .level-right {
106 position: absolute;
107 top: 0.5rem;
108 right: 0.5rem;
109 }
110
111 /* Add some spacing between the icon and the edges of the button */
112 .icon-dot-3-vert {
113 margin: 0 0.5rem;
114 }