Enabled CSS for ButtonView and ListView.

ckeditor · Jun 21, 2018 · a776d43 · a776d43
1 parent b899098
commit a776d43
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/theme/components/button/button.css b/theme/components/button/button.css
@@ -12,13 +12,21 @@ a.ck.ck-button {
 	@mixin ck-tooltip_enabled;
 
 	position: relative;
+	display: inline-flex;
+	align-items: center;
+	justify-content: left;
 
 	&.ck-button_with-text {
 		& .ck-button__label {
 			display: inline-block;
 		}
 	}
 
+	/* Center the icon horizontally in a button without text. */
+	&:not(.ck-button_with-text)  {
+		justify-content: center;
+	}
+
 	&:hover {
 		@mixin ck-tooltip_visible;
 	}

diff --git a/theme/components/dropdown/dropdown.css b/theme/components/dropdown/dropdown.css
@@ -12,10 +12,6 @@
 	& .ck-dropdown__arrow {
 		pointer-events: none;
 		z-index: var(--ck-z-default);
-
-		position: absolute;
-		top: 50%;
-		transform: translate3d( 0, -50%, 0 );
 	}
 
 	/* Dropdown button should span horizontally, e.g. in vertical toolbars */

diff --git a/theme/components/list/list.css b/theme/components/list/list.css
@@ -10,6 +10,8 @@
 
 	/* Crop the the items when the list has huge border-radius. */
 	overflow: hidden;
+	display: flex;
+	flex-direction: column;
 
 	& .ck-list__item,
 	& .ck-list__separator {