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

On iPad (and possibly other tablets) white line under multiple tabs #138

Open
stjet opened this issue Jun 11, 2020 · 0 comments
Open

On iPad (and possibly other tablets) white line under multiple tabs #138

stjet opened this issue Jun 11, 2020 · 0 comments

Comments

@stjet
Copy link

stjet commented Jun 11, 2020

09F021CE-3749-4D7C-8702-F7046AF3756A
Issue: clicking on one of the tabs (eg. hush chat) and scrolling to another section (let’s say News) the white line appears under both hush chat and news tabs. It seems this problem is caused by the website thinking the “pointer” is hovering over the clicked section (hush chat) and so is still displaying the white line underneath. Of course, on mobile there is no pointer, so the white line just stays there. But by changing the position of the “pointer” (clicking on another part of screen a couple times), the line under the originally clicked tab (in this case hush chat) disappears. Sadly, I was unable to find where the code that causes the white line to form on hover was.
Probably how to fix: (assuming the white line and hover is caused by css)

@media screen and (min-width: smallest tablet size here px) and (max-width: smallest laptop screen size is here px) {
  Css code that causes white line to form when hovering over the tab
}

This should work assuming the problem is what I thought it was. Will update if I found a better solution or the problem was wrong.

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

1 participant