@ckeditor/ckeditor5-theme-lark 44.3.0-alpha.7 → 45.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1079,6 +1079,15 @@ a.ck.ck-button-bold{
1079
1079
  --ck-font-size-base:15px;
1080
1080
  font-weight:bold;
1081
1081
  }
1082
+ .ck.ck-form__header:has(.ck-button-back.ck-hidden){
1083
+ padding-inline:var(--ck-spacing-large) var(--ck-spacing-large);
1084
+ }
1085
+ .ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)){
1086
+ padding-inline:var(--ck-spacing-small) var(--ck-spacing-small);
1087
+ }
1088
+ .ck.ck-form__header > .ck-button-back{
1089
+ margin-inline-end:var(--ck-spacing-small);
1090
+ }
1082
1091
  :root{
1083
1092
  --ck-icon-size:calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
1084
1093
  --ck-icon-font-size:.8333350694em;
@@ -1257,6 +1266,9 @@ a.ck.ck-button-bold{
1257
1266
  .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label{
1258
1267
  max-width:calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
1259
1268
  }
1269
+ .ck.ck-labeled-field-view.ck-labeled-field-view_full-width{
1270
+ flex-grow:1;
1271
+ }
1260
1272
  .ck.ck-labeled-input .ck-labeled-input__status{
1261
1273
  font-size:var(--ck-font-size-small);
1262
1274
  margin-top:var(--ck-spacing-small);
@@ -2022,6 +2034,39 @@ a.ck.ck-button-bold{
2022
2034
  .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused){
2023
2035
  border-color:var(--ck-color-base-border);
2024
2036
  }
2037
+ :root{
2038
+ --ck-bookmark-icon-hover-fill-color:var(--ck-color-widget-hover-border);
2039
+ --ck-bookmark-icon-selected-fill-color:var(--ck-color-focus-border);
2040
+ --ck-bookmark-icon-animation-duration:var(--ck-widget-handler-animation-duration);
2041
+ --ck-bookmark-icon-animation-curve:var(--ck-widget-handler-animation-curve);
2042
+ }
2043
+ .ck .ck-bookmark.ck-widget{
2044
+ display:inline-block;
2045
+ outline:none;
2046
+ }
2047
+ .ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon__fill{
2048
+ transition:fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve);
2049
+ }
2050
+ .ck .ck-bookmark.ck-widget:hover .ck-bookmark__icon .ck-icon__fill{
2051
+ fill:var(--ck-bookmark-icon-hover-fill-color);
2052
+ }
2053
+ .ck .ck-bookmark.ck-widget.ck-widget_selected .ck-bookmark__icon .ck-icon__fill{
2054
+ fill:var(--ck-bookmark-icon-selected-fill-color);
2055
+ }
2056
+ .ck .ck-bookmark.ck-widget.ck-widget_selected,
2057
+ .ck .ck-bookmark.ck-widget.ck-widget_selected:hover{
2058
+ outline:none;
2059
+ }
2060
+ .ck .ck-bookmark.ck-widget .ck-bookmark__icon{
2061
+ position:relative;
2062
+ display:block;
2063
+ top:-0.1em;
2064
+ }
2065
+ .ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon{
2066
+ height:1.2em;
2067
+ width:auto;
2068
+ vertical-align:middle;
2069
+ }
2025
2070
  .ck .ck-fake-bookmark-selection{
2026
2071
  background:var(--ck-color-link-fake-selection);
2027
2072
  }
@@ -2031,6 +2076,35 @@ a.ck.ck-button-bold{
2031
2076
  margin-right:-1px;
2032
2077
  outline:solid 1px hsla(0, 0%, 100%, .5);
2033
2078
  }
2079
+ :root{
2080
+ --ck-bookmark-form-width:340px;
2081
+ }
2082
+ @media screen and (max-width: 600px){
2083
+ :root{
2084
+ --ck-bookmark-form-width:300px;
2085
+ }
2086
+ }
2087
+ .ck.ck-bookmark-form{
2088
+ width:var(--ck-bookmark-form-width);
2089
+ }
2090
+ .ck.ck-bookmark-toolbar__preview{
2091
+ padding:0 var(--ck-spacing-medium);
2092
+ max-width:var(--ck-input-width);
2093
+ min-width:3em;
2094
+ font-weight:normal;
2095
+ text-overflow:ellipsis;
2096
+ text-align:center;
2097
+ overflow:hidden;
2098
+
2099
+ -moz-user-select:none;
2100
+
2101
+ -webkit-user-select:none;
2102
+
2103
+ -ms-user-select:none;
2104
+
2105
+ user-select:none;
2106
+ cursor:default;
2107
+ }
2034
2108
  :root{
2035
2109
  --ck-clipboard-drop-target-dot-width:12px;
2036
2110
  --ck-clipboard-drop-target-dot-height:8px;
@@ -2576,6 +2650,28 @@ a.ck.ck-button-bold{
2576
2650
  from{ opacity:0; }
2577
2651
  to{ opacity:1; }
2578
2652
  }
2653
+ :root{
2654
+ --ck-text-alternative-form-width:340px;
2655
+ }
2656
+ @media screen and (max-width: 600px){
2657
+ :root{
2658
+ --ck-text-alternative-form-width:300px;
2659
+ }
2660
+ }
2661
+ .ck.ck-text-alternative-form.ck-responsive-form{
2662
+ width:var(--ck-text-alternative-form-width);
2663
+ }
2664
+ :root{
2665
+ --ck-image-custom-resize-form-width:340px;
2666
+ }
2667
+ @media screen and (max-width: 600px){
2668
+ :root{
2669
+ --ck-image-custom-resize-form-width:300px;
2670
+ }
2671
+ }
2672
+ .ck.ck-image-custom-resize-form.ck-responsive-form{
2673
+ width:var(--ck-image-custom-resize-form-width);
2674
+ }
2579
2675
  .ck .ck-link_selected{
2580
2676
  background:var(--ck-color-link-selected-background);
2581
2677
  }
@@ -2591,95 +2687,80 @@ a.ck.ck-button-bold{
2591
2687
  margin-right:-1px;
2592
2688
  outline:solid 1px hsla(0, 0%, 100%, .5);
2593
2689
  }
2594
- .ck.ck-link-actions .ck-button.ck-link-actions__preview{
2595
- padding-left:0;
2596
- padding-right:0;
2690
+ :root{
2691
+ --ck-link-bookmark-icon-size:calc( var(--ck-icon-size) * 0.7);
2692
+ }
2693
+ a.ck.ck-button.ck-link-toolbar__preview{
2694
+ padding:0 var(--ck-spacing-medium);
2695
+ color:var(--ck-color-link-default);
2696
+ cursor:pointer;
2697
+ justify-content:center;
2698
+ }
2699
+ a.ck.ck-button.ck-link-toolbar__preview .ck.ck-button__label{
2700
+ text-overflow:ellipsis;
2701
+ max-width:var(--ck-input-width);
2597
2702
  }
2598
- .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label{
2599
- padding:0 var(--ck-spacing-medium);
2600
- color:var(--ck-color-link-default);
2601
- text-overflow:ellipsis;
2602
- cursor:pointer;
2603
- max-width:var(--ck-input-width);
2604
- min-width:3em;
2605
- text-align:center;
2606
- }
2607
- .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover{
2608
- text-decoration:underline;
2609
- }
2610
- .ck.ck-link-actions .ck-button.ck-link-actions__preview,
2611
- .ck.ck-link-actions .ck-button.ck-link-actions__preview:hover,
2612
- .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
2613
- .ck.ck-link-actions .ck-button.ck-link-actions__preview:active{
2614
- background:none;
2615
- }
2616
- .ck.ck-link-actions .ck-button.ck-link-actions__preview:active{
2617
- box-shadow:none;
2618
- }
2619
- .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label{
2620
- text-decoration:underline;
2621
- }
2622
- [dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child){
2623
- margin-left:var(--ck-spacing-standard);
2624
- }
2625
- [dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child){
2626
- margin-left:var(--ck-spacing-standard);
2627
- }
2628
- @media screen and (max-width: 600px){
2629
- .ck.ck-link-actions .ck-button.ck-link-actions__preview{
2630
- margin:var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
2631
- }
2632
-
2633
- .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label{
2634
- min-width:0;
2635
- max-width:100%;
2636
- }
2637
- [dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview){
2638
- margin-left:0;
2703
+ a.ck.ck-button.ck-link-toolbar__preview,
2704
+ a.ck.ck-button.ck-link-toolbar__preview:hover,
2705
+ a.ck.ck-button.ck-link-toolbar__preview:focus,
2706
+ a.ck.ck-button.ck-link-toolbar__preview:active{
2707
+ background:none;
2639
2708
  }
2640
-
2641
- [dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview){
2642
- margin-left:0;
2709
+ a.ck.ck-button.ck-link-toolbar__preview:active{
2710
+ box-shadow:none;
2643
2711
  }
2712
+ a.ck.ck-button.ck-link-toolbar__preview:hover,
2713
+ a.ck.ck-button.ck-link-toolbar__preview:focus{
2714
+ text-decoration:underline;
2644
2715
  }
2645
- .ck.ck-link-form_layout-vertical{
2646
- padding:0;
2647
- min-width:var(--ck-input-width);
2716
+ a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon{
2717
+ width:var(--ck-link-bookmark-icon-size);
2718
+ height:var(--ck-link-bookmark-icon-size);
2719
+ }
2720
+ [dir="ltr"] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon{
2721
+ margin-right:var(--ck-spacing-tiny);
2722
+ margin-left:var(--ck-spacing-small);
2723
+ }
2724
+ [dir="rtl"] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon{
2725
+ margin-left:var(--ck-spacing-tiny);
2726
+ margin-right:var(--ck-spacing-small);
2727
+ }
2728
+ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
2729
+ padding-left:var(--ck-spacing-extra-tiny);
2730
+ }
2731
+ :root{
2732
+ --ck-link-panel-width:340px;
2733
+ --ck-link-provider-list-item-text-height:calc(var(--ck-line-height-base) * var(--ck-font-size-base));
2734
+ --ck-link-provider-list-item-height:calc(var(--ck-link-provider-list-item-text-height) + var(--ck-spacing-small) + var(--ck-spacing-small));
2648
2735
  }
2649
- .ck.ck-link-form_layout-vertical .ck-labeled-field-view{
2650
- margin:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
2736
+ @media screen and (max-width: 600px){
2737
+ :root{
2738
+ --ck-link-panel-width:300px;
2651
2739
  }
2652
- .ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text{
2653
- min-width:0;
2654
- width:100%;
2655
- }
2656
- .ck.ck-link-form_layout-vertical > .ck-button{
2657
- padding:var(--ck-spacing-standard);
2658
- margin:0;
2659
- width:50%;
2660
- border-radius:0;
2661
2740
  }
2662
- .ck.ck-link-form_layout-vertical > .ck-button:not(:focus){
2663
- border-top:1px solid var(--ck-color-base-border);
2741
+ .ck.ck-form.ck-link-form{
2742
+ width:var(--ck-link-panel-width);
2743
+ padding-bottom:0;
2744
+ }
2745
+ @media screen and (max-width: 600px){
2746
+ .ck.ck-form.ck-link-form.ck-responsive-form .ck-labeled-field-view{
2747
+ margin:0;
2664
2748
  }
2665
- [dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button{
2666
- margin-left:0;
2667
- }
2668
- [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button{
2669
- margin-left:0;
2670
2749
  }
2671
- [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type{
2672
- border-right:1px solid var(--ck-color-base-border);
2673
- }
2674
- .ck.ck-link-form_layout-vertical .ck.ck-list{
2675
- margin:0 var(--ck-spacing-large);
2750
+ .ck.ck-form.ck-link-form .ck-link-form__providers-list{
2751
+ border-top:1px solid var(--ck-color-base-border);
2676
2752
  }
2677
- .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton{
2678
- padding:0;
2679
- width:100%;
2753
+ .ck.ck-form.ck-link-form .ck-link-form__providers-list:has(.ck-list__item:nth-child(n + 5)){
2754
+ overflow:auto;
2755
+ max-height:calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-large) + 1px);
2680
2756
  }
2681
- .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover{
2682
- background:none;
2757
+ .ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button{
2758
+ padding:var(--ck-spacing-small) var(--ck-spacing-large);
2759
+ border-radius:0;
2760
+ }
2761
+ .ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button > .ck-button__label{
2762
+ overflow:hidden;
2763
+ text-overflow:ellipsis;
2683
2764
  }
2684
2765
  :root{
2685
2766
  --ck-link-image-indicator-icon-size:20;
@@ -2700,6 +2781,51 @@ a.ck.ck-button-bold{
2700
2781
  width:calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
2701
2782
  height:calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
2702
2783
  }
2784
+ :root{
2785
+ --ck-link-properties-width:340px;
2786
+ }
2787
+ @media screen and (max-width: 600px){
2788
+ :root{
2789
+ --ck-link-properties-width:300px;
2790
+ }
2791
+ }
2792
+ .ck.ck-link-properties{
2793
+ width:var(--ck-link-properties-width);
2794
+ }
2795
+ :root{
2796
+ --ck-link-providers-width:340px;
2797
+ --ck-link-list-view-max-height:240px;
2798
+ --ck-link-list-view-icon-size:calc( var(--ck-icon-size) * 0.8);
2799
+ }
2800
+ @media screen and (max-width: 600px){
2801
+ :root{
2802
+ --ck-link-providers-width:300px;
2803
+ }
2804
+ }
2805
+ .ck.ck-link-providers{
2806
+ width:var(--ck-link-providers-width);
2807
+ }
2808
+ .ck.ck-link-providers .ck-form__header__label{
2809
+ overflow:hidden;
2810
+ text-overflow:ellipsis;
2811
+ }
2812
+ .ck.ck-link-providers > .ck-link-providers__list{
2813
+ max-height:min( var(--ck-link-list-view-max-height), 40vh);
2814
+ }
2815
+ .ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-icon{
2816
+ width:var(--ck-link-list-view-icon-size);
2817
+ height:var(--ck-link-list-view-icon-size);
2818
+ }
2819
+ .ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-button__label{
2820
+ overflow:hidden;
2821
+ text-overflow:ellipsis;
2822
+ white-space:nowrap;
2823
+ }
2824
+ .ck.ck-link-providers .ck-link__empty-list-info{
2825
+ padding:calc( 2 * var(--ck-spacing-large)) var(--ck-spacing-medium);
2826
+ text-align:center;
2827
+ font-style:italic;
2828
+ }
2703
2829
  .ck.ck-list-properties.ck-list-properties_without-styles{
2704
2830
  padding:var(--ck-spacing-large);
2705
2831
  }
@@ -3133,34 +3259,9 @@ a.ck.ck-button-bold{
3133
3259
  margin-right:0;
3134
3260
  margin-left:var(--ck-spacing-standard);
3135
3261
  }
3136
- .ck.ck-form{
3137
- padding:0 0 var(--ck-spacing-large);
3138
- }
3139
- .ck.ck-form:focus{
3140
- outline:none;
3141
- }
3142
- .ck.ck-form .ck.ck-input-text{
3143
- min-width:100%;
3144
- width:0;
3145
- }
3146
- .ck.ck-form .ck.ck-dropdown{
3147
- min-width:100%;
3148
- }
3149
- .ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus){
3150
- border:1px solid var(--ck-color-base-border);
3151
- }
3152
- .ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label{
3153
- width:100%;
3154
- }
3155
- .ck.ck-form__row{
3156
- padding:var(--ck-spacing-standard) var(--ck-spacing-large) 0;
3157
- }
3158
- [dir="ltr"] .ck.ck-form__row > *:not(.ck-label) + *{
3159
- margin-left:var(--ck-spacing-large);
3160
- }
3161
- [dir="rtl"] .ck.ck-form__row > *:not(.ck-label) + *{
3162
- margin-right:var(--ck-spacing-large);
3163
- }
3262
+ .ck.ck-form__row > *:not(.ck-label) + *{
3263
+ margin-inline-start:var(--ck-spacing-large);
3264
+ }
3164
3265
  .ck.ck-form__row > .ck-label{
3165
3266
  width:100%;
3166
3267
  min-width:100%;
@@ -3343,6 +3444,113 @@ a.ck.ck-button-bold{
3343
3444
  .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle{
3344
3445
  display:none;
3345
3446
  }
3447
+ :root{
3448
+ --ck-table-layout-widget-type-around-button-size:16px;
3449
+ --ck-table-layout-widget-type-around-icon-width:10px;
3450
+ --ck-table-layout-widget-type-around-icon-height:8px;
3451
+ --ck-table-layout-widget-handler-icon-size:10px;
3452
+ --ck-table-layout-default-border-color:hsl(0, 0%, 83%);
3453
+
3454
+ }
3455
+ .ck-editor__editable .table.layout-table > table{
3456
+ width:100%;
3457
+ overflow:clip;
3458
+ overflow-clip-margin:var(--ck-widget-outline-thickness);
3459
+ }
3460
+ .ck-editor__editable .table.layout-table > table:not(
3461
+ [style*="border:"],
3462
+ [style*="border-top"],
3463
+ [style*="border-bottom"],
3464
+ [style*="border-left"],
3465
+ [style*="border-right"],
3466
+ [style*="border-width"],
3467
+ [style*="border-style"],
3468
+ [style*="border-color"]){
3469
+ border-color:transparent;
3470
+ border-width:0;
3471
+ outline:none;
3472
+ }
3473
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td{
3474
+ box-shadow:revert;
3475
+ padding:revert;
3476
+ min-width:2em;
3477
+ text-indent:1px;
3478
+ }
3479
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style^="width:"],
3480
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=" width:"],
3481
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=";width:"],
3482
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*="'width:"]{
3483
+ min-width:auto;
3484
+ }
3485
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:focus{
3486
+ background-color:transparent;
3487
+ }
3488
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:not(
3489
+ [style*="border:"],
3490
+ [style*="border-top"],
3491
+ [style*="border-bottom"],
3492
+ [style*="border-left"],
3493
+ [style*="border-right"],
3494
+ [style*="border-width"],
3495
+ [style*="border-style"],
3496
+ [style*="border-color"]){
3497
+ border-color:transparent;
3498
+ border-width:0;
3499
+ outline:var(--ck-table-layout-default-border-color) 1px dashed;
3500
+ outline-offset:-1px;
3501
+ }
3502
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:not(
3503
+ [style*="border:"],
3504
+ [style*="border-top"],
3505
+ [style*="border-bottom"],
3506
+ [style*="border-left"],
3507
+ [style*="border-right"],
3508
+ [style*="border-width"],
3509
+ [style*="border-style"],
3510
+ [style*="border-color"]):focus{
3511
+ outline:var(--ck-color-focus-border) 1px solid;
3512
+ }
3513
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph{
3514
+ width:calc(100% - 1px);
3515
+ text-indent:0;
3516
+ }
3517
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around{
3518
+ --ck-widget-type-around-button-size:var(--ck-table-layout-widget-type-around-button-size);
3519
+ }
3520
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before,
3521
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
3522
+ transform:translateY(0);
3523
+ }
3524
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before{
3525
+ margin-left:var(--ck-table-layout-widget-type-around-button-size);
3526
+ left:min(10%, 30px);
3527
+ border-radius:0 0 100px 100px;
3528
+ }
3529
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before::after{
3530
+ border-radius:0 0 100px 100px;
3531
+ }
3532
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
3533
+ border-radius:100px 100px 0 0;
3534
+ }
3535
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after::after{
3536
+ border-radius:100px 100px 0 0;
3537
+ }
3538
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg{
3539
+ width:var(--ck-table-layout-widget-type-around-icon-width);
3540
+ height:var(--ck-table-layout-widget-type-around-icon-height);
3541
+ }
3542
+ .ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle{
3543
+ --ck-widget-handler-icon-size:var(--ck-table-layout-widget-handler-icon-size);
3544
+
3545
+ transform:translateY(calc(0px - var(--ck-widget-outline-thickness)));
3546
+ z-index:var(--ck-z-default);
3547
+ }
3548
+ .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret{
3549
+ top:0;
3550
+ }
3551
+ .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret{
3552
+ bottom:0;
3553
+ }
3346
3554
  :root{
3347
3555
  --ck-widget-outline-thickness:3px;
3348
3556
  --ck-widget-handler-icon-size:16px;
@@ -3372,6 +3580,9 @@ a.ck.ck-button-bold{
3372
3580
  .ck .ck-widget:hover{
3373
3581
  outline-color:var(--ck-color-widget-hover-border);
3374
3582
  }
3583
+ .ck .ck-widget:has( .ck-widget:hover){
3584
+ outline-color:transparent;
3585
+ }
3375
3586
  .ck .ck-editor__nested-editable{
3376
3587
  border:1px solid transparent;
3377
3588
  }
@@ -3432,6 +3643,10 @@ a.ck.ck-button-bold{
3432
3643
  .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{
3433
3644
  opacity:1;
3434
3645
  }
3646
+ .ck .ck-widget.ck-widget_with-selection-handle:has( .ck-widget:hover) > .ck-widget__selection-handle{
3647
+ opacity:0;
3648
+ visibility:hidden;
3649
+ }
3435
3650
  .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
3436
3651
  left:auto;
3437
3652
  right:calc(0px - var(--ck-widget-outline-thickness));
@@ -3562,7 +3777,7 @@ a.ck.ck-button-bold{
3562
3777
  animation:none;
3563
3778
  }
3564
3779
  }
3565
- .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button{
3780
+ .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button{
3566
3781
  opacity:1;
3567
3782
  pointer-events:auto;
3568
3783
  }
@@ -3579,6 +3794,14 @@ a.ck.ck-button-bold{
3579
3794
  border-radius:100px;
3580
3795
  background:linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%);
3581
3796
  }
3797
+ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
3798
+ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after{
3799
+ outline-color:transparent;
3800
+ }
3801
+ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button{
3802
+ opacity:1;
3803
+ pointer-events:auto;
3804
+ }
3582
3805
  .ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before{
3583
3806
  margin-left:20px;
3584
3807
  }
@@ -3589,10 +3812,6 @@ a.ck.ck-button-bold{
3589
3812
  outline:solid 1px hsla(0, 0%, 100%, .5);
3590
3813
  background:var(--ck-color-base-text);
3591
3814
  }
3592
- .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
3593
- .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after{
3594
- outline-color:transparent;
3595
- }
3596
3815
  .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover{
3597
3816
  outline-color:var(--ck-color-widget-hover-border);
3598
3817
  }
@@ -3606,6 +3825,10 @@ a.ck.ck-button-bold{
3606
3825
  .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer{
3607
3826
  opacity:0
3608
3827
  }
3828
+ .ck .ck-widget:has( .ck-widget:hover) > .ck-widget__type-around > .ck-widget__type-around__button{
3829
+ opacity:0;
3830
+ pointer-events:none;
3831
+ }
3609
3832
  .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before{
3610
3833
  margin-left:0;
3611
3834
  margin-right:20px;