Explorar el Código

To-do list item styles should not be interactive when applied to editor data (content).

Aleksander Nowodzinski hace 6 años
padre
commit
6aab0f7875
Se han modificado 1 ficheros con 12 adiciones y 5 borrados
  1. 12 5
      packages/ckeditor5-list/theme/todolist.css

+ 12 - 5
packages/ckeditor5-list/theme/todolist.css

@@ -7,6 +7,18 @@
 	--ck-todo-list-checkmark-size: 16px;
 }
 
+.ck-editor__editable .todo-list {
+	& .todo-list__label {
+		& > input {
+			cursor: pointer;
+
+			&:hover::before {
+				box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
+			}
+		}
+	}
+}
+
 .ck-content .todo-list {
 	list-style: none;
 
@@ -23,7 +35,6 @@
 			-webkit-appearance: none;
 			display: inline-block;
 			position: relative;
-			cursor: pointer;
 			width: var(--ck-todo-list-checkmark-size);
 			height: var(--ck-todo-list-checkmark-size);
 			vertical-align: middle;
@@ -67,10 +78,6 @@
 				transform: rotate(45deg);
 			}
 
-			&:hover::before {
-				box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
-			}
-
 			&[checked] {
 				&::before {
 					background: hsl(126, 64%, 41%);