Browse Source

Added styles for FloatingToolbarView. Code refac in *ToolbarView styles.

Aleksander Nowodzinski 9 years ago
parent
commit
df5cd63305

+ 0 - 0
packages/ckeditor5-theme-lark/theme/components/contextualtoolbar.scss → packages/ckeditor5-theme-lark/theme/components/toolbar/contextualtoolbar.scss


+ 3 - 3
packages/ckeditor5-theme-lark/theme/components/stickytoolbar.scss → packages/ckeditor5-theme-lark/theme/components/toolbar/floatingtoolbar.scss

@@ -1,12 +1,12 @@
 // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
 // For licensing, see LICENSE.md or http://ckeditor.com/license
 
-@include ck-editor {
-	.ck-toolbar.ck-toolbar_sticky {
+.ck-toolbar {
+	&.ck-toolbar_floating {
 		@include ck-drop-shadow();
+		@include ck-rounded-corners();
 
 		border: 1px solid ck-border-color();
-		border-width: 0 0 1px;
 		background: ck-color( 'foreground' );
 	}
 }

+ 14 - 0
packages/ckeditor5-theme-lark/theme/components/toolbar/stickytoolbar.scss

@@ -0,0 +1,14 @@
+// Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+@include ck-editor {
+	.ck-toolbar {
+		&.ck-toolbar_sticky {
+			@include ck-drop-shadow();
+
+			border: 1px solid ck-border-color();
+			border-width: 0 0 1px;
+			background: ck-color( 'foreground' );
+		}
+	}
+}

+ 0 - 0
packages/ckeditor5-theme-lark/theme/components/toolbar.scss → packages/ckeditor5-theme-lark/theme/components/toolbar/toolbar.scss


+ 4 - 3
packages/ckeditor5-theme-lark/theme/theme.scss

@@ -15,12 +15,13 @@
 @import 'components/icon';
 @import 'components/tooltip';
 @import 'components/button';
-@import 'components/toolbar';
+@import 'components/toolbar/toolbar';
 @import 'components/dropdown';
 @import 'components/list';
 @import 'components/label';
 @import 'components/inputtext';
 @import 'components/balloonpanel';
 @import 'components/editor';
-@import 'components/contextualtoolbar';
-@import 'components/stickytoolbar';
+@import 'components/toolbar/contextualtoolbar';
+@import 'components/toolbar/stickytoolbar';
+@import 'components/toolbar/floatingtoolbar';