Solve Safari rendering issues with font-size overrides. (#780)

Some delicate surgery is required on the `vlist-s` table-cell CSS.
Problem with #768 reported by @ronkok; issue #779. Fixes:

* `font-size: 1px` (rather than `font-size: 0.05em`) solves render
  issues with user overrides of the `.katex` `font-size`.
* Also fix a width issue.
This commit is contained in:
Eddie Kohler
2017-08-01 23:37:52 -04:00
committed by Kevin Barabash
parent 1e148746f8
commit 766487bfe3
2 changed files with 20 additions and 6 deletions

View File

@@ -241,12 +241,6 @@
display: table-row;
}
.vlist-s {
display: table-cell;
vertical-align: bottom;
font-size: 0.05em;
}
.vlist {
display: table-cell;
vertical-align: bottom;
@@ -268,6 +262,23 @@
}
}
.vlist-t2 {
margin-right: -2px;
}
.vlist-s {
// This cell solves Safari rendering problems. It has text content, so
// its baseline is used for the table. A very small font avoids line-box
// issues; absolute units prevent user font-size overrides from breaking
// rendering. Safari refuses to make the box zero-width, so we give it
// a known width and compensate with negative right margin on the
// inline-table.
display: table-cell;
vertical-align: bottom;
font-size: 1px;
width: 2px;
}
.msupsub {
text-align: left;
}