Procházet zdrojové kódy

Improved the contrast of focused .ck-list__item elements.

Aleksander Nowodzinski před 6 roky
rodič
revize
97d154b5d6

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

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