mediawiki-extensions-Visual.../modules/ve/ce/styles/ve.ce.Surface.css
Inez Korczyński 1d7cf569e6 Support for thumb and frame images with captions.
* VisualEditor.hooks.php
** export URL to magnify clip as a configuration variable so thumbnail image can render correctly

* ve.ce.Surface.css
** add CSS styling to make image captions look the same way in edit mode as they look in the view mode

* ve.ce.ParagraphNode.js
** add CSS class ve-ce-generated-wrapper if it is a generated wrapper

* ve.ce.MWImageCaptionNode.js
** make image caption rendering match the view mode

Change-Id: I0cd1b25e8f8355e0500aabc90e7c4cdf591545f3
2013-05-23 00:44:43 -07:00

73 lines
1.3 KiB
CSS

/*!
* VisualEditor ContentEditable Surface styles.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ce-surface {
overflow: hidden;
font-size: 1em; /* to look more like MediaWiki use: 0.8em */;
}
.ve-ce-surface-textarea {
position: absolute;
z-index: -1;
filter: alpha(opacity=0);
opacity: 0;
color: white;
background-color: #fff;
border: none;
padding: 0;
margin: 0;
width: 1px;
}
.ve-ce-surface-textarea:focus {
outline: none;
}
.ve-ce-surface-cursor {
position: absolute;
background-color: #000;
width: 1px;
display: none;
}
/* @noflip */
.ve-ce-surface-phantoms {
position: absolute;
top: 0;
left: 0;
opacity: 0.75;
}
.ve-ce-surface-paste {
display: none;
height: 1px;
left: 0;
filter: alpha(opacity=0);
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 1px;
}
.ve-ce-surface-paste * {
height: 1px !important;
width: 1px !important;
}
/* MediaWiki PHP Parser does not wrap text inside image captions in <p> but we do (cause we have to).
* Let's make those <p> looks like they are not there by proper CSS styling. */
.ve-ce-surface .thumbcaption p.ve-ce-generated-wrapper {
display: inline;
margin: 0;
padding: 0;
line-height: inherit;
}
.ve-ce-surface .thumbcaption .ve-ce-branchNode-slug {
display: none;
}