mediawiki-extensions-Visual.../modules/ve/ce/styles/ve.ce.Surface.css
Christian Williams 5e84ac9ee5 (bug 47746) Fixing Phantom placement in RTL
CSSJanus flips left for right for RTL languages. To ensure proper positioning of phantoms, the phantom container must actually be set to left:0, not right:0. Added the @noflip option before the phantoms selector to prevent CSSJanus from modifying it.

Change-Id: Id7662362d117d6c5719b9b98d7a0dbf62e9ba3ff
2013-04-29 17:00:29 -07:00

72 lines
1.5 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 {
cursor: not-allowed;
left: 0;
opacity: .85;
position: absolute;
top: 0;
}
.ve-ce-surface-phantom {
background-color: #C3E59A;
background-image: -ms-repeating-linear-gradient(-45deg, white 0px, white 5px, #C3E59A 5px, #C3E59A 10px );
background-image: -webkit-repeating-linear-gradient(-45deg, white 0px, white 5px, #C3E59A 5px, #C3E59A 10px );
background-image: -moz-repeating-linear-gradient(-45deg, white 0px, white 5px, #C3E59A 5px, #C3E59A 10px);
background-image: repeating-linear-gradient(-45deg, white 0px, white 5px, #C3E59A 5px, #C3E59A 10px );
background-size: 14px 14px;
position: absolute;
}
.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;
}