浏览代码

Changed: Minor CSS improvements.

Maciej Gołaszewski 7 年之前
父节点
当前提交
d0e8befbd3
共有 1 个文件被更改,包括 3 次插入5 次删除
  1. 3 5
      packages/ckeditor5-theme-lark/theme/ckeditor5-widget/widget.css

+ 3 - 5
packages/ckeditor5-theme-lark/theme/ckeditor5-widget/widget.css

@@ -12,6 +12,7 @@
 	--ck-color-widget-border-hover: hsl(43, 100%, 68%);
 	--ck-color-widget-editable-focused-background: var(--ck-color-base-background);
 	--ck-color-widget-drag-handler-icon: hsl(0, 0%, 100%);
+	--ck-widget-drag-handler-width: 22px;
 }
 
 .ck .ck-widget {
@@ -46,10 +47,6 @@
 	}
 }
 
-:root {
-	--ck-widget-drag-handler-width: 22px;
-}
-
 .ck .ck-widget.ck-widget__selectable {
 	/* Make the widget wrapper a relative positioning container for the drag handler. */
 	position: relative;
@@ -57,7 +54,8 @@
 	& .ck-selection-handler {
 		display: none;
 
-		border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 var(--ck-border-radius);
+		/* Make only top corners round. */
+		border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
 
 		width: var(--ck-widget-drag-handler-width);
 		height: calc(var(--ck-widget-outline-thickness) + var(--ck-widget-drag-handler-width));