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

Fix blurred font on right drawer #20

Open
ziogaschr opened this issue Dec 21, 2020 · 0 comments
Open

Fix blurred font on right drawer #20

ziogaschr opened this issue Dec 21, 2020 · 0 comments

Comments

@ziogaschr
Copy link
Member

The right drawer needs some CSS optimisation, as after hide and reveal back the font is blurred.
You can check the main content and the right drawer's text in the attached image. The text is not blurred before hiding the drawer.

Adding translateZ in the animations seems to help, but haven't tried it properly from the Chrome dev tools.

.v-navigation-drawer {
    transform: translateZ(0) translateX(0%);
}

Apparently it has to be added in the JS animation for when drawer is opened.

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

1 participant