8
0
Pārlūkot izejas kodu

Added styling for fake panels.

dkonopka 6 gadi atpakaļ
vecāks
revīzija
9a0ed4cdef

+ 1 - 0
packages/ckeditor5-ui/src/panel/balloon/contextualballoon.js

@@ -19,6 +19,7 @@ import prevIcon from '../../../theme/icons/previous-arrow.svg';
 import nextIcon from '../../../theme/icons/next-arrow.svg';
 
 import '../../../theme/components/panel/balloonrotator.css';
+import '../../../theme/components/panel/fakepanel.css';
 
 const toPx = toUnit( 'px' );
 

+ 27 - 0
packages/ckeditor5-ui/theme/components/panel/fakepanel.css

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.ck .ck-fake-panels {
+	position: absolute;
+
+	/* Fake panels should be placed under main balloon content. */
+	z-index: calc(var(--ck-z-modal) - 1);
+}
+
+.ck .ck-fake-panels div {
+	position: absolute;
+}
+
+.ck .ck-fake-panels div:nth-child( 1 ) {
+	z-index: 3;
+}
+
+.ck .ck-fake-panels div:nth-child( 2 ) {
+	z-index: 2;
+}
+
+.ck .ck-fake-panels div:nth-child( 3 ) {
+	z-index: 1;
+}