quickquote dialog on small screens issue - doesn't scale




nou nou
 
Posts: 22
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: 1169
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

Who is online

Users browsing this forum: No registered users and 1 guest

cron