Explorar o código

Aded button dropdown styles sheet. Minor tweaks to the dropdown look and feel.

Aleksander Nowodzinski %!s(int64=8) %!d(string=hai) anos
pai
achega
f5a300e97e

+ 15 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/buttondropdown.css

@@ -0,0 +1,15 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.ck-buttondropdown .ck-toolbar {
+	border: 0;
+	padding: 0;
+
+	& .ck-button {
+		border-radius: 0;
+		margin: 0;
+		border: 0;
+	}
+}

+ 2 - 11
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/dropdown.css

@@ -14,14 +14,14 @@
 	/* A triangle displayed to indicate this is actually a dropdown. */
 	/* A triangle displayed to indicate this is actually a dropdown. */
 	&::after {
 	&::after {
 		border-style: solid;
 		border-style: solid;
-		border-width: .4em .4em 0 .4em;
+		border-width: .4em .35em 0 .35em;
 		border-color: var(--ck-color-dropdown-symbol) transparent;
 		border-color: var(--ck-color-dropdown-symbol) transparent;
 		right: var(--ck-spacing-standard);
 		right: var(--ck-spacing-standard);
 	}
 	}
 
 
 	& .ck-button.ck-dropdown__button {
 	& .ck-button.ck-dropdown__button {
 		/* A space to accommodate the triangle. */
 		/* A space to accommodate the triangle. */
-		padding-right: calc(2 * var(--ck-spacing-standard));
+		padding-right: calc(2.5 * var(--ck-spacing-standard));
 
 
 		/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
 		/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
 		&.ck-disabled .ck-button__label {
 		&.ck-disabled .ck-button__label {
@@ -35,15 +35,6 @@
 			text-overflow: ellipsis;
 			text-overflow: ellipsis;
 		}
 		}
 	}
 	}
-
-	&.ck-buttondropdown .ck-toolbar {
-		border: 0;
-		padding: 0;
-
-		& .ck-button {
-			border-radius: 0;
-		}
-	}
 }
 }
 
 
 .ck-dropdown__panel {
 .ck-dropdown__panel {

+ 1 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css

@@ -58,7 +58,7 @@
 
 
 	--ck-color-dropdown-panel-background: 						var(--ck-color-base-background);
 	--ck-color-dropdown-panel-background: 						var(--ck-color-base-background);
 	--ck-color-dropdown-panel-border: 							var(--ck-color-base-border);
 	--ck-color-dropdown-panel-border: 							var(--ck-color-base-border);
-	--ck-color-dropdown-symbol: 								hsl(0, 0%, 44%);
+	--ck-color-dropdown-symbol: 								hsl(0, 0%, 30%);
 
 
 	/* -- Input --------------------------------------------------------------------------------- */
 	/* -- Input --------------------------------------------------------------------------------- */