Przeglądaj źródła

Added Semantic-UI example.

Damian Konopka 7 lat temu
rodzic
commit
d35ac6554c
1 zmienionych plików z 14 dodań i 0 usunięć
  1. 14 0
      docs/builds/guides/frameworks/css.md

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

@@ -96,3 +96,17 @@ $( '#modal-container' ).modal( {
 ```
 
 Check out the demo on https://codepen.io/ckeditor/pen/gZebwy.
+
+## Compatibility with Semantic-UI
+
+CKEditor 5 also works properly with [Semantic-UI](https://semantic-ui.com/). To place balloon build of CKEditor 5 inside modal then like in other CSS Frameworks it is necessary to make bigger `z-index` than default modal element:
+
+```css
+/* We need to handle floating elements inside modals to display them above Materialize components. */
+:root {
+	--ck-z-default: 100;
+	--ck-z-modal: calc( var(--ck-z-default) + 999 );
+}
+```
+
+Check out the demo on https://codepen.io/ckeditor/pen/OrZBpV