|
|
@@ -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; */
|
|
|
}
|