quickquote dialog on small screens issue - doesn't scale




nou nou
 
Posts: 27
Joined: Thu Nov 16, 2017 4:31 am

quickquote dialog on small screens issue - doesn't scale

Postby nou nou » Thu Mar 22, 2018 6:01 am • via Web
Hello,

I noticed that the popup with saved quotes doesn't scale on smaller screens (i.e. mobile) and as such the buttons can't be reached and renders the feature unusable.

I've been able to solve it with the following CSS. It seems to work fine so far but I haven't extensively tested it on different browsers.

Hope this can help others:

Code: Select all
.qq-dialog {
   position: fixed;
   width: 100%;
   height: 100%;
   max-width: 700px;
   max-height: 350px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}
User avatar

IvanPF
Site Admin
 
Posts: 1445
Joined: Fri Jun 17, 2011 12:15 am
Location: España (Spain)

Re: quickquote dialog on small screens issue - doesn't scale

Postby IvanPF » Thu Mar 22, 2018 4:04 pm • via Web
Thanks for the report


Dressler
 
Posts: 1
Joined: Wed Jun 27, 2018 10:28 am

Re: quickquote dialog on small screens issue - doesn't scale

Postby Dressler » Wed Jul 04, 2018 11:56 am • via Web
I've been having this issue too. This solution didn't work for me for some reason, sadly. What else can I try?
User avatar

IvanPF
Site Admin
 
Posts: 1445
Joined: Fri Jun 17, 2011 12:15 am
Location: España (Spain)

Re: quickquote dialog on small screens issue - doesn't scale

Postby IvanPF » Thu Jul 05, 2018 9:02 pm • via Web
Have you cleared the cache from the ACP after making the change?

Who is online

Users browsing this forum: No registered users and 2 guests

cron