8
0
Просмотр исходного кода

Default balloon rotator styling.

Damian Konopka 6 лет назад
Родитель
Сommit
0a37cbd6c2

+ 15 - 3
packages/ckeditor5-ui/src/panel/balloon/contextualballoon.js

@@ -18,6 +18,8 @@ import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
 import prevIcon from '../../../theme/icons/previous-arrow.svg';
 import prevIcon from '../../../theme/icons/previous-arrow.svg';
 import nextIcon from '../../../theme/icons/next-arrow.svg';
 import nextIcon from '../../../theme/icons/next-arrow.svg';
 
 
+import '../../../theme/components/panel/balloonrotator.css';
+
 /**
 /**
  * Provides the common contextual balloon panel for the editor.
  * Provides the common contextual balloon panel for the editor.
  *
  *
@@ -456,7 +458,7 @@ class RotatorView extends View {
 					tag: 'div',
 					tag: 'div',
 					attributes: {
 					attributes: {
 						class: [
 						class: [
-							'ck-balloon-rotator_navigation',
+							'ck-balloon-rotator__navigation',
 							bind.to( 'isNavigationVisible', value => value ? '' : 'ck-hidden' )
 							bind.to( 'isNavigationVisible', value => value ? '' : 'ck-hidden' )
 						]
 						]
 					},
 					},
@@ -464,14 +466,24 @@ class RotatorView extends View {
 						this.buttonPrevView,
 						this.buttonPrevView,
 						this.buttonNextView,
 						this.buttonNextView,
 						{
 						{
-							text: bind.to( 'counter' )
+							tag: 'span',
+
+							attributes: {
+								class: 'ck-balloon-rotattor__counter',
+							},
+
+							children: [
+								{
+									text: bind.to( 'counter' )
+								}
+							]
 						}
 						}
 					]
 					]
 				},
 				},
 				{
 				{
 					tag: 'div',
 					tag: 'div',
 					attributes: {
 					attributes: {
-						class: 'ck-balloon-rotator_content'
+						class: 'ck-balloon-rotator__content'
 					},
 					},
 					children: this.content
 					children: this.content
 				}
 				}

+ 9 - 0
packages/ckeditor5-ui/theme/components/panel/balloonrotator.css

@@ -0,0 +1,9 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.ck .ck-balloon-rotator__navigation {
+	display: flex;
+	align-items: center;
+}