feat: Add styles for inline Editor

telerik · Oct 7, 2016 · 74ccba8 · 74ccba8
1 parent 2328142
commit 74ccba8
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 4 deletions.
diff --git a/demo/editor.html b/demo/editor.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8" />
 	<title>Editor</title>
@@ -14,12 +15,10 @@
 	</style>
 </head>
 <body>
-
-
 	<div class="container">
 		<legend>Editor</legend>
 
-		<div data-role="editor"></div>
+		<div data-role="editor">Inline editor</div>
 		<hr />
 		<textarea data-role="editor" rows="20" cols="20"></textarea>
 	</div>
@@ -63,4 +62,5 @@
 
 
 </body>
+
 </html>
diff --git a/src/editor/_layout.scss b/src/editor/_layout.scss
@@ -19,10 +19,29 @@
 		}
 	}
 	.k-editor-inline {
-		border-width: 2px;
+		border-width: 0;
 		padding: $padding-y-sm $padding-x-sm;
 		word-wrap: break-word;
 		overflow: auto;
+		border-radius: $border-radius;
+		background: none;
+	}
+	.k-editor-inline.k-state-active {
+		padding: calc(#{$padding-y-sm} - 1px) calc(#{$padding-x-sm} - 1px);
+		border-width: 1px;
+	}
+	.k-editortoolbar-dragHandle {
+		float: left;
+		cursor: move;
+		padding: $button-padding-y-sm $button-padding-x-sm;
+	}
+	.k-editor-widget {
+		padding-top: 0;
+	}
+	.editorToolbarWindow {
+		display: flex;
+		align-items: center;
+		padding: $padding-y-sm $padding-x-sm;
 	}