Browse Source

Merge pull request #1736 from ckeditor/t/1672

Docs: Documented how to bring back the default unordered list appearance in the editor content when Materialize is used. Closes #1672 .
Aleksander Nowodzinski 6 years ago
parent
commit
1e1bcdcc0f
1 changed files with 18 additions and 0 deletions
  1. 18 0
      docs/builds/guides/frameworks/css.md

+ 18 - 0
docs/builds/guides/frameworks/css.md

@@ -82,6 +82,7 @@ If you want to use CKEditor 5 with [Materialize.css](https://materializecss.com/
 
 * Configure the base `z-index` of the floating editor UI so it is displayed over the Materialize modals.
 * Bring back the default `.ck-input` class appearance (because Materialize overrides it with a higher specificity).
+* Bring back the default `<ul>` and `<li>` appearance (because Materialize overrides it).
 * Configure modals so they stop "stealing" the focus from the rich-text editor input fields.
 
 Use the following CSS to address the issues with the `z-index` and selector specificity:
@@ -123,6 +124,23 @@ Use the following CSS to address the issues with the `z-index` and selector spec
 }
 ```
 
+```css
+/*
+ * Bring back the default <ul> and <li> appearance.
+ *
+ * See: https://github.com/Dogfalo/materialize/blob/v1-dev/sass/components/_global.scss#L28-L37
+ */
+.ck.ck-content ul,
+.ck.ck-content ul li {
+  list-style-type: inherit;
+}
+
+.ck.ck-content ul {
+  /* Default user agent stylesheet, you can change it to your needs. */
+  padding-left: 40px;
+}
+```
+
 To change the behavior of the modals and prevent them from "stealing" the focus, use the [`dismissible: false`](https://materializecss.com/modals.html#options) option.
 
 ```js