Procházet zdrojové kódy

Internal: adjusted resizing styles.

Marek Lewandowski před 6 roky
rodič
revize
23bb6d6d65
1 změnil soubory, kde provedl 27 přidání a 10 odebrání
  1. 27 10
      packages/ckeditor5-widget/theme/widget.css

+ 27 - 10
packages/ckeditor5-widget/theme/widget.css

@@ -3,6 +3,10 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
+ .ck .ck-widget_with-resizer:hover .ck-widget__resizer-shadow {
+	display: block !important;
+ }
+
 .ck .ck-widget_with-resizer {
 	/* Make the widget wrapper a relative positioning container for the drag handler. */
 	position: relative;
@@ -31,8 +35,8 @@
 			overlapped by elements that follow it in the DOM. */
 			z-index: 100;
 
-			outline: 2px dashed var(--ck-color-focus-border);
-			background-color: rgba(71, 164, 245, 0.25);
+			outline: 2px solid var(--ck-color-focus-border);
+			/* background-color: rgba(71, 164, 245, 0.25); */
 
 			&.ck-widget__resizer-shadow-active {
 				display: block;
@@ -45,22 +49,24 @@
 		position: absolute;
 		/* Resizers are the only UI elements that should interfere with pointer device */
 		pointer-events: all;
+		/* background: red; */
+		background: var( --ck-color-focus-border );
 
 		&.ck-widget__resizer-top-left {
-			top: 0;
-			left: 0;
+			top: -5px;
+			left: -5px;
 		}
 		&.ck-widget__resizer-top-right {
-			top: 0;
-			right: 0;
+			top: -5px;
+			right: -5px;
 		}
 		&.ck-widget__resizer-bottom-right {
-			bottom: 0;
-			right: 0;
+			bottom: -5px;
+			right: -5px;
 		}
 		&.ck-widget__resizer-bottom-left {
-			bottom: 0;
-			left: 0;
+			bottom: -5px;
+			left: -5px;
 		}
 
 		&.ck-widget__resizer-top-left, &.ck-widget__resizer-bottom-right {
@@ -116,4 +122,15 @@
 	width: 60px;
 	height: 60px;
 	outline: 2px solid red !important;
+}
+
+.ck .ck-size-view {
+	background: lightyellow;
+	border: 2px solid var(--ck-color-focus-border);
+	display: inline-block;
+	padding: 3px;
+}
+
+.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
+	/* padding: 100px !important; */
 }