wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-28 08:10:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moving alien node styling to CSS file

Browse source 
Change-Id: I21e4593b81669b48cec831236398866f89616f9a
This commit is contained in:
Christian Williams 2012-05-23 12:03:28 -07:00
parent 9af03a29b1
commit 32b9ccd0bf
4 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
demos/ve/index.php
View file

@ -8,6 +8,7 @@
<link rel="stylesheet" href="../../modules/ve/ce/styles/ve.ce.Document.css">
<link rel="stylesheet" href="../../modules/ve/ce/styles/ve.ce.Content.css">
<link rel="stylesheet" href="../../modules/ve/ce/styles/ve.ce.Surface.css">
<link rel="stylesheet" href="../../modules/ve/ce/styles/ve.ce.Nodes.css">
<!-- ui -->
<link rel="stylesheet" href="../../modules/ve2/ui/styles/ve.ui.Context.css">
<link rel="stylesheet" href="../../modules/ve2/ui/styles/ve.ui.Inspector.css">

11
modules/ve/ce/styles/ve.ce.Nodes.css Normal file
View file

@ -0,0 +1,11 @@
.ve-ce-alienBlockNode {
background-color: rgba(255,255,186,0.3);
border: rgba(0,0,0,0.3) dashed 1px;
display: block;
}
.ve-ce-alienInlineNode {
background-color: rgba(255,255,186,0.3);
border: rgba(0,0,0,0.3) dashed 1px;
display: inline;
}

9
modules/ve2/ce/nodes/ve.ce.AlienBlockNode.js
View file

@ -10,6 +10,9 @@ ve.ce.AlienBlockNode = function( model ) {
// Inheritance
ve.ce.LeafNode.call( this, 'alienBlock', model );
// DOM Changes
this.$.addClass( 've-ce-alienBlockNode' );
// Events
this.model.addListenerMethod( this, 'update', 'onUpdate' );
@ -30,12 +33,6 @@ ve.ce.AlienBlockNode = function( model ) {
this.$.attr( 'contenteditable', false );
*/
// TODO: move to .css file
this.$.css( {
'display': 'block',
'border': 'rgba(0,0,0,0.3) dashed 1px',
'background-color': 'rgba(255,255,186,0.3)'
} );
this.onUpdate();
};

9
modules/ve2/ce/nodes/ve.ce.AlienInlineNode.js
View file

@ -10,6 +10,9 @@ ve.ce.AlienInlineNode = function( model ) {
// Inheritance
ve.ce.LeafNode.call( this, 'alienInline', model );
// DOM Changes
this.$.addClass( 've-ce-alienInlineNode' );
// Events
this.model.addListenerMethod( this, 'update', 'onUpdate' );
@ -30,12 +33,6 @@ ve.ce.AlienInlineNode = function( model ) {
this.$.attr( 'contenteditable', false );
*/
// TODO: move to .css file
this.$.css( {
'display': 'inline',
'border': 'rgba(0,0,0,0.3) dashed 1px',
'background-color': 'rgba(255,255,186,0.3)'
} );
this.onUpdate();
};