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 @@
3434 right: 0.25em;
3535 top: 0;
3636}
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+
3745#qr--bar.popoutVisible {
3846 padding-right: 2.5em;
3947}
@@ -55,6 +63,7 @@
5563 opacity: 0.5;
5664 transition: all 250ms;
5765}
66+
5867#qr--popout > .qr--body {
5968 overflow-y: auto;
6069}
public/style.css+4 -1
@@ -613,10 +613,13 @@ body .panelControlBar {
613613 min-width: 55px;
614614 justify-content: flex-end;
615615 gap: 0px;
616- opacity:0;
617616 transition: all 250ms;
618617}
619618
619+.zoomed_avatar .panelControlBar {
620+opacity:0;
621+}
622+
620623.zoomed_avatar:hover .panelControlBar {
621624 opacity:1;
622625}