Merge pull request #7929 from ckeditor/i/7928-arrow-shadows

Other: Balloon panel arrows pointing south should have realistic shadows. Closes #7928.
ckeditor · Sep 1, 2020 · 1c0b5c9 · 1c0b5c9
2 parents 23bf860 + 5e5b42d
commit 1c0b5c9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/panel/balloonpanel.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/panel/balloonpanel.css
@@ -10,6 +10,7 @@
 	--ck-balloon-arrow-offset: 2px;
 	--ck-balloon-arrow-height: 10px;
 	--ck-balloon-arrow-half-width: 8px;
+	--ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
 }
 
 .ck.ck-balloon-panel {
@@ -53,7 +54,8 @@
 		}
 
 		&::before {
-			border-color: var(--ck-color-panel-border) transparent  transparent;
+			border-color: var(--ck-color-panel-border) transparent transparent;
+			filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
 		}
 
 		&::after {