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

cdb271e6ec3533cda8f92e98cc9da2a79471e087

RossAscends <124905043+RossAscends@users.noreply.github.com>

Parents: dcd3f13e6281ab2731df3a08bac9fdcf1c6258c3
2 files changed, +13 -1Showing whitespace changes
public/scripts/extensions/quick-reply/style.css+9 -0
@@ -34,6 +34,14 @@
34 right: 0.25em;34 right: 0.25em;
35 top: 0;35 top: 0;
36}36}
37
38/*hide QR popout for mobile*/
39@media screen and (max-width: 1000px) {
40 #qr--bar > #qr--popoutTrigger {
41 display:none;
42 }
43}
44
37#qr--bar.popoutVisible {45#qr--bar.popoutVisible {
38 padding-right: 2.5em;46 padding-right: 2.5em;
39}47}
@@ -55,6 +63,7 @@
55 opacity: 0.5;63 opacity: 0.5;
56 transition: all 250ms;64 transition: all 250ms;
57}65}
66
58#qr--popout > .qr--body {67#qr--popout > .qr--body {
59 overflow-y: auto;68 overflow-y: auto;
60}69}
public/style.css+4 -1
@@ -613,10 +613,13 @@ body .panelControlBar {
613 min-width: 55px;613 min-width: 55px;
614 justify-content: flex-end;614 justify-content: flex-end;
615 gap: 0px;615 gap: 0px;
616 opacity:0;
617 transition: all 250ms;616 transition: all 250ms;
618}617}
619618
619.zoomed_avatar .panelControlBar {
620opacity:0;
621}
622
620.zoomed_avatar:hover .panelControlBar {623.zoomed_avatar:hover .panelControlBar {
621 opacity:1;624 opacity:1;
622}625}