mirror of
https://github.com/quine-global/hyper.git
synced 2026-01-13 04:28:41 -09:00
Prevent hovering on tabs from causing text flicker (#492)
* Prevent hovering on tabs from causing text flicker For some reason, geometricPrecision was causing text to flicker on non-retina screens when hovering over the tabs * Use a pixel ratio media query for text-rendering on retina displays
This commit is contained in:
parent
becced8057
commit
2d4b518519
1 changed files with 7 additions and 1 deletions
|
|
@ -12,9 +12,15 @@
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
text-rendering: geometricPrecision;
|
text-rendering: optimizeLegibility;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-resolution: 2dppx) {
|
||||||
|
* {
|
||||||
|
text-rendering: geometricPrecision;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue