Last modified: 2014-02-12 23:53:33 UTC
In this article https://es.wikipedia.org/wiki/Testigos_de_Jehov%C3%A1 At code {{cita|Los Testigos de it is cut at the right margin. Capture: http://oi39.tinypic.com/2l8esnq.jpg Any feedback about the cause?
Details from the email thread: * [[es:Template:cita]] applies a 'margin' in style element to that particular <blockquote> * MobileFrontend CSS applies a 'width: 90%' to all <blockquote>s * combination of these two ends up making the text spill offscreen because the specified margins are larger than the remaining 10% of the document width. Recommended course of action: * tweak the box model along with the width in the MobileFrontend CSS * OR alternately... switch the 'width' there to a margin, which will get overridden by the style attribute.
I think styling blockquotes with margins (rather than width) makes the most sense, especially since the default user-agent styling of blockquotes is via margins. Right now the mobile styling of blockquotes is kind of a mess. First we override the user-agent styling by setting margins to 0, then we apply both a 90% width and a mix of padding and margins (margin to the top, padding to the left and bottom). Doing margin only would be much cleaner.
Change 84450 had a related patch set uploaded by Jdlrobson: Fix blockquote styling https://gerrit.wikimedia.org/r/84450
Change 84450 merged by jenkins-bot: Fix blockquote styling https://gerrit.wikimedia.org/r/84450
Created attachment 14089 [details] The same file from tinypic which will be deleted