瀏覽代碼

Enabled CSS for ButtonView and ListView.

Aleksander Nowodzinski 7 年之前
父節點
當前提交
5341a92735

+ 8 - 0
packages/ckeditor5-ui/theme/components/button/button.css

@@ -12,6 +12,9 @@ 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 {
@@ -19,6 +22,11 @@ a.ck.ck-button {
 		}
 	}
 
+	/* Center the icon horizontally in a button without text. */
+	&:not(.ck-button_with-text)  {
+		justify-content: center;
+	}
+
 	&:hover {
 		@mixin ck-tooltip_visible;
 	}

+ 0 - 4
packages/ckeditor5-ui/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 */

+ 2 - 0
packages/ckeditor5-ui/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 {