Prevent disappearing fraction lines. (#931)

* Prevent disappearing fraction lines.

Set a CSS min-height that will ensure that fraction lines will display at least one screen pixel.

Addresses issues #824 and #916.

* Change from dppx to dpi

Change the break point spec from 2dppx to 192dpi. They mean the same thing. I'm making the change because IE supports dpi but not dppx.
This commit is contained in:
Ron Kok
2017-10-14 15:16:31 -07:00
committed by Kevin Barabash
parent 7f6f59ef8a
commit 50d120d614

View File

@@ -301,6 +301,26 @@
}
}
// Set a min-height for some horizontal lines so their display
// will show at least one screen pixel.
@media screen {
.mfrac .frac-line,
.overline .overline-line,
.underline .underline-line {
min-height: 1px;
}
}
// Modify min-height for retina displays. Don't force two screen pixels.
@media screen and (-webkit-min-device-pixel-ratio: 2.0),
screen and (min-resolution: 192dpi) {
.mfrac .frac-line,
.overline .overline-line,
.underline .underline-line {
min-height: 0.5px;
}
}
.mspace {
display: inline-block;