Merge pull request #7443 from ckeditor/i/7418-hr-styles

Other (horizontal-line): Improved the look of horizontal lines in the editor content. Closes #7418. Internal (theme-lark): Code refactoring in styles related to the horizontal line feature (see #7418).
ckeditor · Jun 18, 2020 · e8bff81 · e8bff81
2 parents 878257e + fdc4cf4
commit e8bff81
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/packages/ckeditor5-horizontal-line/theme/horizontalline.css b/packages/ckeditor5-horizontal-line/theme/horizontalline.css
@@ -10,8 +10,8 @@
 }
 
 .ck-content hr {
- border-width: 1px 0 0;
- border-style: solid;
- border-color: hsl(0, 0%, 37%);
- margin: 0;
+ margin: 15px 0;
+ height: 4px;
+ background: hsl(0, 0%, 87%);
+ border: 0;
 }
diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-horizontal-line/horizontalline.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-horizontal-line/horizontalline.css
@@ -3,7 +3,8 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-.ck-editor__editable .ck-horizontal-line {
- /* Helps selecting the horizontal rule widget by giving it some space. */
- padding: 5px 0;
-}
+/*
+ * Note: This file should contain the wireframe styles only. But since there are no such styles,
+ * it acts as a message to the builder telling that it should look for the corresponding styles
+ * **in the theme** when compiling the editor.
+ */