Selaa lähdekoodia

Improved the contrast of focused .ck-list__item elements.

Aleksander Nowodzinski 6 vuotta sitten
vanhempi
commit
97d154b5d6

+ 5 - 2
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/list/list.css

@@ -23,7 +23,6 @@
 		width: 100%;
 		text-align: left;
 		border-radius: 0;
-		border: 0;
 
 		/* List items should have the same height. Use absolute units to make sure it is so
 		   because e.g. different heading styles may have different height
@@ -45,13 +44,17 @@
 			background: var(--ck-color-list-button-on-background);
 			color: var(--ck-color-list-button-on-text);
 
-			&:hover:not(ck-disabled) {
+			&:hover:not(.ck-disabled) {
 				background: var(--ck-color-list-button-on-background-focus);
 			}
 
 			&:active {
 				box-shadow: none;
 			}
+
+			&:focus:not(.ck-disabled) {
+				border-color: var(--ck-color-base-background);
+			}
 		}
 
 		&:hover:not(.ck-disabled) {