Forráskód Böngészése

Fixed styles. Create separate common styles for widgets.

Szymon Kupś 9 éve
szülő
commit
4c03b856b2
1 módosított fájl, 16 hozzáadás és 18 törlés
  1. 16 18
      packages/ckeditor5-image/theme/theme.scss

+ 16 - 18
packages/ckeditor5-image/theme/theme.scss

@@ -1,21 +1,19 @@
-//figure {
-//	&.ck-widget.image {
-//		text-align: center;
-//
-//		img {
-//			pointer-events: none;
-//		}
-//
-//		&.ck-widget_selected img, &.ck-widget_selected:hover img{
-//			outline: 2px solid #ace;
-//		}
-//
-//		&:hover img {
-//			outline: 2px solid yellow;
-//		}
-//	}
-//}
-
+// Common styles applied to all widget.
 .ck-widget {
+	&.ck-widget_selected, &.ck-widget_selected:hover {
+		outline: 2px solid #ace;
+	}
+
+	.ck-editor__editable.ck-blurred &.ck-widget_selected {
+		outline: 2px solid #ddd;
+	}
+
+	&:hover {
+		outline: 2px solid yellow;
+	}
+}
 
+// Image widget's styles.
+.ck-widget.image {
+	text-align: center;
 }