Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Full-Width and Arrow Position on Mobile #275

Open
lformumm opened this issue Oct 2, 2018 · 3 comments
Open

Full-Width and Arrow Position on Mobile #275

lformumm opened this issue Oct 2, 2018 · 3 comments

Comments

@lformumm
Copy link

lformumm commented Oct 2, 2018

How can I stretch the popover to the full width on small devices ?
The arrow position should stay near the info icon.

image

@krosoftware
Copy link

Did you found a solution? I have same problem.

@OnnoGabriel
Copy link

I solved this by adding .webui-popover { max-width: 100%; } to my styles.

But a better solution would be to fix this in the plugin code. The calculated left property should never be negative.

@q2apro
Copy link

q2apro commented Jun 22, 2019

Same problem here:

image

As a fix I have added the following CSS:

@media only screen and (max-width: 480px) 
{
    .webui-popover {
        left:5px !important;
    }
}

Now the popover is not cut off on mobiles:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants