From 9158708e45ab57399eb62d07c81a33db4e225114 Mon Sep 17 00:00:00 2001 From: Aleksander Nowodzinski Date: Mon, 24 Aug 2020 16:10:17 +0200 Subject: [PATCH] Balloon panel arrows facing south should have realistic shadows. --- .../theme/ckeditor5-ui/components/panel/balloonpanel.css | 4 +++- 1 file changed, 3 insertions(+), 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 index dc9666ad735..71f0fa9ab73 100644 --- 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 {