Rendered score image overlaps scan image on Wikisource
Open, LowPublic
Actions

Assigned To

None

Authored By

	• iecetcwcpggwqpgciazwvzpfjpwomjxn
	May 13 2014, 11:11 AM

Description

Rendered scores are displayed with a fixed width that is bigger than the text column allocated by Extension:Proofread Page

Any score that takes the whole page, has the same problem. Unless it has been resized to a smaller width:
https://en.wikisource.org/wiki/Page:The_Pinafore_Picture_Book.djvu/73

Version: unspecified
Severity: minor

Mentioned In: T218191: Long score overlaps with statement box and edit button

• bzimport raised the priority of this task from to Low.Nov 22 2014, 3:23 AM

• bzimport set Reference to bz65252.

• bzimport added a subscriber: Unknown Object (MLST).

Simple workaround: Zoom out in the browser (works in Firefox).

Even simpler: close the browser. Problem fixed! :D

(In reply to dacuetu from comment #2)

Even simpler: close the browser. Problem fixed! :D

Live off the grid!

Here is an example how we try to deal with that in plwikisource:https://pl.wikisource.org/w/index.php?title=Strona:PL_Tarnowski-Szkice_helweckie_i_Talia.djvu/099
Note, the "line-width = #120" clause in the \layout section. However this is low-level lilypong programming.

Unfortunately, LaTeX-based lilypond does ot seem to be the best tool for HTML-based wiki. But I do not see a better replacement at the moment.

This can be naively fixed with CSS to shrink scores to the container.

.mw-ext-score img {
    max-width: 100%;
    height: auto;
}