25 lines
849 B
CSS
25 lines
849 B
CSS
|
/*
|
||
|
|
* Debug overlay for PDF text layer alignment.
|
||
|
|
*
|
||
|
|
* The text layer is normally invisible (`opacity: 0`) and selectable.
|
||
|
|
* When `.ce-debug-textlayer` is on a parent, every text span becomes a
|
||
|
|
* yellow highlight so it's obvious where text is selectable and where it
|
||
|
|
* isn't — useful for diagnosing OCR misalignment, scan-only PDFs, and
|
||
|
|
* text-layer shift caused by font fallbacks.
|
||
|
|
*
|
||
|
|
* Toggle via the "Debug text layer" entry in SessionMenu.
|
||
|
|
*/
|
||
|
|
|
||
|
|
.ce-debug-textlayer .textLayer {
|
||
|
|
outline: 1px dashed rgba(255, 0, 0, 0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ce-debug-textlayer .textLayer > span,
|
||
|
|
.ce-debug-textlayer .textLayer > br {
|
||
|
|
background: rgba(255, 220, 0, 0.35) !important;
|
||
|
|
color: rgba(0, 0, 100, 0.85) !important;
|
||
|
|
opacity: 1 !important;
|
||
|
|
/* Reveal the per-glyph span borders so misalignment is visible. */
|
||
|
|
outline: 1px solid rgba(0, 100, 255, 0.25);
|
||
|
|
}
|