mediawiki-extensions-Visual.../modules/ve-mw/ce/styles/nodes/ve.ce.MWLanguageVariantNode.css
C. Scott Ananian 9ee713d480 Display LanguageConverter markup in VisualEditor
Implement special node types for language variant markup, so that they
display appropriately based on the currently-selected variant.

(Parsoid uses empty elements to represent this markup, so without this
patch anything in -{ ... }- is alienated and disappears.)

A follow-up patch will implement context items and inspectors to
allow editing these nodes.  This patch is basic "read-only" support.

Depends on I4fcdebc2290ec35ba188f4c2e69d578791fbcd67 in Parsoid to
generate the appropriate markup, but this patch is safe to merge
independently.

Bug: T49411
Change-Id: Ie11e9301d2513bfe4a36036481cee9a047f46d37
2017-07-25 15:26:41 +00:00

26 lines
747 B
CSS

/*!
* VisualEditor ContentEditable MWLanguageVariantNode styles.
*
* @copyright 2011-2017 VisualEditor Team and others; see http://ve.mit-license.org
*/
/* This is just for the icon label text */
.ve-ce-mwLanguageVariantNode > .ve-ce-focusableNode-invisibleIcon.oo-ui-iconElement {
font-size: 0.8125em;
width: auto;
}
.ve-ce-mwLanguageVariantNode.ve-ce-focusableNode-invisible {
width: auto;
}
.ve-ce-mwLanguageVariantNode > .ve-ce-focusableNode-invisibleIcon.oo-ui-iconElement .oo-ui-labelElement-label {
margin-left: 0;
margin-right: 0.25em;
}
/* This keeps the icon small (regardless of label height) */
.ve-ce-mwLanguageVariantNode > .ve-ce-focusableNode-invisibleIcon.oo-ui-iconElement .oo-ui-iconElement-icon {
height: auto;
}