Merge pull request #280 from ckeditor/i/6586

Other: Added a missing file for the `FormHeaderView` styles and removed duplicated styles for `SpecialCharactersNavigation` inherited from the the `FormHeaderView` component. Closes ckeditor/ckeditor5#6586.
ckeditor · Apr 16, 2020 · 06f6ca5 · 06f6ca5
2 parents 0115e94 + 2ba48af
commit 06f6ca5
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 10 deletions.
diff --git a/theme/ckeditor5-special-characters/specialcharacters.css b/theme/ckeditor5-special-characters/specialcharacters.css
@@ -6,16 +6,6 @@
 @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
 
 .ck.ck-special-characters-navigation {
-	border-bottom: 1px solid var(--ck-color-base-border);
-	padding: var(--ck-spacing-standard) var(--ck-spacing-large);
-
-	@mixin ck-dir ltr {
-		padding-left: var(--ck-spacing-large);
-	}
-
-	@mixin ck-dir rtl {
-		padding-right: var(--ck-spacing-large);
-	}
 
 	& > .ck-label {
 		max-width: 160px;

diff --git a/theme/ckeditor5-ui/components/formheader/formheader.css b/theme/ckeditor5-ui/components/formheader/formheader.css
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+:root {
+	--ck-form-header-height: 38px;
+}
+
+.ck.ck-form__header {
+	padding: var(--ck-spacing-small) var(--ck-spacing-large);
+	height: var(--ck-form-header-height);
+	line-height: var(--ck-form-header-height);
+	border-bottom: 1px solid var(--ck-color-base-border);
+
+	& .ck-form__header__label {
+		font-weight: bold;
+	}
+}