mirror of
https://github.com/Smaug123/KaTeX
synced 2025-10-05 11:18:39 +00:00
Change frac-line from border to full span (#976)
* Change frac-line from border to full span Change `frac-line` and `vertical-separator`. Instead of using span borders, fill entire span using a `box-shadow`. This change will enable more dependable engagement of the `min-height` CSS. * Fix indentation * Fix indent again * Change box shadow to inline SVG * Fix lint error * regenerate screenshots after switching to SVG for fraction bars
This commit is contained in:
@@ -297,7 +297,6 @@
|
||||
.frac-line {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -428,7 +427,6 @@
|
||||
.underline .underline-line {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
.sqrt {
|
||||
@@ -546,7 +544,18 @@
|
||||
.vertical-separator {
|
||||
display: inline-block;
|
||||
margin: 0 -0.025em;
|
||||
border-right: 0.05em solid black;
|
||||
width: 0.05em;
|
||||
|
||||
// Set a min-width so it will display at least one screen pixel.
|
||||
@media screen {
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
// Modify min-width for retina displays. Don't force two screen pixels.
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 2.0),
|
||||
screen and (min-resolution: 192dpi) {
|
||||
min-width: 0.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.arraycolsep {
|
||||
|
Reference in New Issue
Block a user