Selaa lähdekoodia

Added styling for nested editable manual test.

Szymon Kupś 9 vuotta sitten
vanhempi
commit
3b0d0d2822

+ 0 - 16
packages/ckeditor5-engine/tests/manual/nestededitable.html

@@ -1,19 +1,3 @@
-<style>
-	figure {
-		background-color: #f3f3f3;
-		padding: 10px;
-	}
-
-	figcaption {
-		background: white;
-		outline: none;
-	}
-
-	figcaption.focused {
-		outline: 1px solid #6ab5f7;
-		box-shadow: 2px 2px 3px #e6e6e6 inset;
-	}
-</style>
 <div id="editor"><p>paragraph</p><figure>Caption:<figcaption>foo bar baz</figcaption></figure></div>
 <h2>Model contents:</h2>
 <div id="model"></div>

+ 2 - 0
packages/ckeditor5-engine/tests/manual/nestededitable.js

@@ -18,6 +18,8 @@ import ViewEditableElement from 'ckeditor5-engine/src/view/editableelement';
 import { getData } from 'ckeditor5-engine/src/dev-utils/model';
 import global from 'ckeditor5-utils/src/dom/global';
 
+import './nestededitable.scss';
+
 class NestedEditable extends Plugin {
 	init() {
 		const editor = this.editor;

+ 1 - 1
packages/ckeditor5-engine/tests/manual/nestededitable.md

@@ -1,4 +1,4 @@
 ### Nested editable manual test
 
-* Put selection inside `foo bar baz` nested editable. Editor should be focused (blue outline over main editable should be visible).
+* Put selection inside `foo bar baz` nested editable. Main editable and nested one should be focused (blue outline should be visible).
 * Change selection inside nested editable and see if `Model contents` change accordingly.

+ 25 - 0
packages/ckeditor5-engine/tests/manual/nestededitable.scss

@@ -0,0 +1,25 @@
+// Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+@import '~ckeditor5-theme-lark/theme/helpers/_colors.scss';
+@import '~ckeditor5-theme-lark/theme/helpers/_shadow.scss';
+@import '~ckeditor5-theme-lark/theme/helpers/_states.scss';
+
+figure {
+	background-color: #f3f3f3;
+	padding: 10px;
+
+	figcaption {
+		background: white;
+		outline: none;
+
+		&.focused {
+			@include ck-focus-ring( 'outline' );
+			@include ck-box-shadow( $ck-inner-shadow );
+		}
+	}
+}
+
+
+
+