| maiden_taiwan | |
| Oct 12 2011, 5:55 PM |
| F8212: wikieditor-display-bug.png | |
| Jan 24 2015, 8:02 AM |
mis-aligned wikitext and rendered results
In MediaWiki 1.17.0 and its associated WikiEditor extension, click "Help" in the WikiEditor toolbar, and click Links. If the browser window is a certain size, the information in "What You Type" and "What You Get" does not line up, producing confusion for the new user.
In the attached screenshot, see that "[http://www.example.org]" lines up with "http://www.example.org", which is wrong.
Version: unspecified
Severity: enhancement
Attached:
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Prevent line wrapping for link syntax help column | mediawiki/extensions/WikiEditor | master | +5 -0 |
| Title | Reference | Author | Source Branch | Dest Branch | |
|---|---|---|---|---|---|
| Update function-schemata sub-module to HEAD (5f40813) | repos/abstract-wiki/wikifunctions/function-evaluator!29 | jforrester | sync-function-schemata | main | |
| Update function-schemata sub-module to HEAD (5f40813) | repos/abstract-wiki/wikifunctions/wikilambda-cli!12 | jforrester | sync-function-schemata | main | |
| Update function-schemata sub-module to HEAD (4927eba) (BREAKING - changes some test outputs) | repos/abstract-wiki/wikifunctions/function-orchestrator!39 | apine | sync-function-schemata | main | |
| Support degenerate quoted objects in the mixed validator, normalization, and canonicalization. | repos/abstract-wiki/wikifunctions/function-schemata!22 | apine | apine-norms-canons | main | |
| Draft: Produce a Z22K2 error when the input to canonicalize() or normalize() is very obviously wrong. | repos/abstract-wiki/wikifunctions/function-schemata!7 | apine | apine-fix-canonnorm | main |
Multiple lines of help text are being placed in a single TD element, and several of these are being placed side by side. As a result, there is no horizontal alignment possible. Perhaps the Help section should be a real table with one row per line of text.
Confirmed: the more you shrink the browser window, the more likely examples in the center column will no longer line up 1:1 to their respective results in the right column.
We can probably get away with preventing the center column cells from wrapping their content and that should keep the examples in alignment with the results. The .css entry for td.description (first column of help window) is in error anyway in that the same attribute is repeated 2x so we can kill 2 birds at once here.
Lines 255 thru 268 of jquery.wikiEditor.toolbar.css could be replaced with....
.wikiEditor-ui-toolbar .section-help .page-table td.cell-description, .wikiEditor-ui-toolbar .section-help .page-table td.description { width: 20%; } .wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax, .wikiEditor-ui-toolbar .section-help .page-table td.syntax { font-family: monospace, "Courier New"; width: 40%; white-space: pre; } .wikiEditor-ui-toolbar .section-help .page-table td.cell-result, .wikiEditor-ui-toolbar .section-help .page-table td.result { width: 40%; }
... for example.
.wikiEditor-ui-toolbar .section-help .page-table td.cell-syntax white-space: pre; }
is not suitable for the reference help, because there is a very long text in the syntax column.
The following CSS definition matches only to the link syntax help column:
/* T33649 */ .wikiEditor-ui-toolbar .section-help .page-table .table-link td.cell-syntax { white-space: pre; }
Change 184860 had a related patch set uploaded (by Gerrit Patch Uploader):
Prevent line wrapping for link syntax help column
Change 184860 merged by jenkins-bot:
Prevent line wrapping for link syntax help column