Merge dev: Fix mobile toolbar CSS positioning
This commit is contained in:
commit
c52df1bdfd
|
|
@ -1,19 +1,26 @@
|
||||||
<!-- Load custom CSS after Jitsi CSS -->
|
<!-- Load custom CSS after Jitsi CSS -->
|
||||||
<link rel="stylesheet" href="css/custom/custom.css">
|
<link rel="stylesheet" href="css/custom/custom.css">
|
||||||
<style>
|
<style>
|
||||||
/* Force toolbar visible on mobile - override auto-hide */
|
/* Force toolbar always visible on mobile and desktop */
|
||||||
.new-toolbox {
|
.new-toolbox {
|
||||||
visibility: visible !important;
|
bottom: 0 !important;
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
|
visibility: visible !important;
|
||||||
pointer-events: auto !important;
|
pointer-events: auto !important;
|
||||||
|
transition: none !important;
|
||||||
}
|
}
|
||||||
|
.new-toolbox .toolbox-content-wrapper {
|
||||||
|
opacity: 1 !important;
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
.new-toolbox .toolbox-content-items {
|
||||||
|
opacity: 1 !important;
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
/* Ensure mobile toolbar shows */
|
||||||
.toolbox-content-mobile {
|
.toolbox-content-mobile {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
visibility: visible !important;
|
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
}
|
|
||||||
.toolbox-content-items {
|
|
||||||
visibility: visible !important;
|
visibility: visible !important;
|
||||||
opacity: 1 !important;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue