fix QR popout controlBar display, hide QR popout button for mobile

This commit is contained in:
RossAscends
2024-10-12 05:58:39 +09:00
parent dcd3f13e62
commit cdb271e6ec
2 changed files with 13 additions and 1 deletions

View File

@ -34,6 +34,14 @@
right: 0.25em; right: 0.25em;
top: 0; top: 0;
} }
/*hide QR popout for mobile*/
@media screen and (max-width: 1000px) {
#qr--bar > #qr--popoutTrigger {
display:none;
}
}
#qr--bar.popoutVisible { #qr--bar.popoutVisible {
padding-right: 2.5em; padding-right: 2.5em;
} }
@ -55,6 +63,7 @@
opacity: 0.5; opacity: 0.5;
transition: all 250ms; transition: all 250ms;
} }
#qr--popout > .qr--body { #qr--popout > .qr--body {
overflow-y: auto; overflow-y: auto;
} }

View File

@ -613,10 +613,13 @@ body .panelControlBar {
min-width: 55px; min-width: 55px;
justify-content: flex-end; justify-content: flex-end;
gap: 0px; gap: 0px;
opacity:0;
transition: all 250ms; transition: all 250ms;
} }
.zoomed_avatar .panelControlBar {
opacity:0;
}
.zoomed_avatar:hover .panelControlBar { .zoomed_avatar:hover .panelControlBar {
opacity:1; opacity:1;
} }