8
0
Просмотр исходного кода

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

Other: Balloon panel arrows pointing south should have realistic shadows. Closes #7928.
Radek Kozieł 5 лет назад
Родитель
Сommit
1c0b5c978f

+ 3 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/panel/balloonpanel.css

@@ -10,6 +10,7 @@
 	--ck-balloon-arrow-offset: 2px;
 	--ck-balloon-arrow-offset: 2px;
 	--ck-balloon-arrow-height: 10px;
 	--ck-balloon-arrow-height: 10px;
 	--ck-balloon-arrow-half-width: 8px;
 	--ck-balloon-arrow-half-width: 8px;
+	--ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
 }
 }
 
 
 .ck.ck-balloon-panel {
 .ck.ck-balloon-panel {
@@ -53,7 +54,8 @@
 		}
 		}
 
 
 		&::before {
 		&::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 {
 		&::after {