Ver código fonte

Other: Update SplitButton CSS.

Maciej Gołaszewski 8 anos atrás
pai
commit
ab69dd46a8

+ 4 - 1
packages/ckeditor5-ui/src/button/splitbuttonview.js

@@ -13,6 +13,9 @@ import ButtonView from './buttonview';
 import KeystrokeHandler from '@ckeditor/ckeditor5-utils/src/keystrokehandler';
 import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
 
+import arrowIcon from '@ckeditor/ckeditor5-core/theme/icons/low-vision.svg';
+import './../../theme/components/button/splitbutton.css';
+
 /**
  * TODO
  */
@@ -92,7 +95,7 @@ export default class SplitButtonView extends View {
 	_createArrowView() {
 		const selectView = new ButtonView();
 
-		selectView.icon = 'TODO';
+		selectView.icon = arrowIcon;
 
 		selectView.extendTemplate( {
 			attributes: {

+ 4 - 3
packages/ckeditor5-ui/theme/components/splitbutton.scss

@@ -2,8 +2,9 @@
 // For licensing, see LICENSE.md or http://ckeditor.com/license
 
 .ck-splitbutton-arrow {
-	//padding-right: 2 * ck-spacing();
-	svg.icon {
+	// padding-right: var(--ck-spacing-small);
+
+	& svg  {
 		width: 0;
 		min-width: 0;
 	}
@@ -13,7 +14,7 @@
 		width: 0;
 		height: 0;
 		pointer-events: none;
-		z-index: ck-z();
+		z-index: var(--ck-z-default);
 
 		position: absolute;
 		top: 50%;