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

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,38 @@ 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-balloon .ck.ck-toolbar > .ck-toolbar__items{
2091
+ flex-wrap:nowrap;
2092
+ }
2093
+ .ck.ck-bookmark-toolbar__preview{
2094
+ padding:0 var(--ck-spacing-medium);
2095
+ max-width:var(--ck-input-width);
2096
+ min-width:3em;
2097
+ font-weight:normal;
2098
+ text-overflow:ellipsis;
2099
+ text-align:center;
2100
+ overflow:hidden;
2101
+
2102
+ -moz-user-select:none;
2103
+
2104
+ -webkit-user-select:none;
2105
+
2106
+ -ms-user-select:none;
2107
+
2108
+ user-select:none;
2109
+ cursor:default;
2110
+ }
2034
2111
  :root{
2035
2112
  --ck-clipboard-drop-target-dot-width:12px;
2036
2113
  --ck-clipboard-drop-target-dot-height:8px;
@@ -2576,6 +2653,28 @@ a.ck.ck-button-bold{
2576
2653
  from{ opacity:0; }
2577
2654
  to{ opacity:1; }
2578
2655
  }
2656
+ :root{
2657
+ --ck-text-alternative-form-width:340px;
2658
+ }
2659
+ @media screen and (max-width: 600px){
2660
+ :root{
2661
+ --ck-text-alternative-form-width:300px;
2662
+ }
2663
+ }
2664
+ .ck.ck-text-alternative-form.ck-responsive-form{
2665
+ width:var(--ck-text-alternative-form-width);
2666
+ }
2667
+ :root{
2668
+ --ck-image-custom-resize-form-width:340px;
2669
+ }
2670
+ @media screen and (max-width: 600px){
2671
+ :root{
2672
+ --ck-image-custom-resize-form-width:300px;
2673
+ }
2674
+ }
2675
+ .ck.ck-image-custom-resize-form.ck-responsive-form{
2676
+ width:var(--ck-image-custom-resize-form-width);
2677
+ }
2579
2678
  .ck .ck-link_selected{
2580
2679
  background:var(--ck-color-link-selected-background);
2581
2680
  }
@@ -2591,95 +2690,83 @@ a.ck.ck-button-bold{
2591
2690
  margin-right:-1px;
2592
2691
  outline:solid 1px hsla(0, 0%, 100%, .5);
2593
2692
  }
2594
- .ck.ck-link-actions .ck-button.ck-link-actions__preview{
2595
- padding-left:0;
2596
- padding-right:0;
2693
+ :root{
2694
+ --ck-link-bookmark-icon-size:calc( var(--ck-icon-size) * 0.7);
2695
+ }
2696
+ .ck.ck-toolbar.ck-link-toolbar > .ck-toolbar__items{
2697
+ flex-wrap:nowrap;
2597
2698
  }
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;
2699
+ a.ck.ck-button.ck-link-toolbar__preview{
2700
+ padding:0 var(--ck-spacing-medium);
2701
+ color:var(--ck-color-link-default);
2702
+ cursor:pointer;
2703
+ justify-content:center;
2704
+ }
2705
+ a.ck.ck-button.ck-link-toolbar__preview .ck.ck-button__label{
2706
+ text-overflow:ellipsis;
2707
+ max-width:var(--ck-input-width);
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,
2710
+ a.ck.ck-button.ck-link-toolbar__preview:hover,
2711
+ a.ck.ck-button.ck-link-toolbar__preview:focus,
2712
+ a.ck.ck-button.ck-link-toolbar__preview:active{
2713
+ background:none;
2643
2714
  }
2715
+ a.ck.ck-button.ck-link-toolbar__preview:active{
2716
+ box-shadow:none;
2644
2717
  }
2645
- .ck.ck-link-form_layout-vertical{
2646
- padding:0;
2647
- min-width:var(--ck-input-width);
2718
+ a.ck.ck-button.ck-link-toolbar__preview:hover,
2719
+ a.ck.ck-button.ck-link-toolbar__preview:focus{
2720
+ text-decoration:underline;
2721
+ }
2722
+ a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon{
2723
+ width:var(--ck-link-bookmark-icon-size);
2724
+ height:var(--ck-link-bookmark-icon-size);
2725
+ }
2726
+ [dir="ltr"] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon{
2727
+ margin-right:var(--ck-spacing-tiny);
2728
+ margin-left:var(--ck-spacing-small);
2729
+ }
2730
+ [dir="rtl"] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon{
2731
+ margin-left:var(--ck-spacing-tiny);
2732
+ margin-right:var(--ck-spacing-small);
2733
+ }
2734
+ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
2735
+ padding-left:var(--ck-spacing-extra-tiny);
2736
+ }
2737
+ :root{
2738
+ --ck-link-panel-width:340px;
2739
+ --ck-link-provider-list-item-text-height:calc(var(--ck-line-height-base) * var(--ck-font-size-base));
2740
+ --ck-link-provider-list-item-height:calc(var(--ck-link-provider-list-item-text-height) + var(--ck-spacing-small) + var(--ck-spacing-small));
2648
2741
  }
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);
2742
+ @media screen and (max-width: 600px){
2743
+ :root{
2744
+ --ck-link-panel-width:300px;
2651
2745
  }
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
2746
  }
2662
- .ck.ck-link-form_layout-vertical > .ck-button:not(:focus){
2663
- border-top:1px solid var(--ck-color-base-border);
2747
+ .ck.ck-form.ck-link-form{
2748
+ width:var(--ck-link-panel-width);
2749
+ padding-bottom:0;
2750
+ }
2751
+ @media screen and (max-width: 600px){
2752
+ .ck.ck-form.ck-link-form.ck-responsive-form .ck-labeled-field-view{
2753
+ margin:0;
2664
2754
  }
2665
- [dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button{
2666
- margin-left:0;
2667
2755
  }
2668
- [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button{
2669
- margin-left:0;
2670
- }
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);
2756
+ .ck.ck-form.ck-link-form .ck-link-form__providers-list{
2757
+ border-top:1px solid var(--ck-color-base-border);
2676
2758
  }
2677
- .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton{
2678
- padding:0;
2679
- width:100%;
2759
+ .ck.ck-form.ck-link-form .ck-link-form__providers-list:has(.ck-list__item:nth-child(n + 5)){
2760
+ overflow:auto;
2761
+ max-height:calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-large) + 1px);
2680
2762
  }
2681
- .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover{
2682
- background:none;
2763
+ .ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button{
2764
+ padding:var(--ck-spacing-small) var(--ck-spacing-large);
2765
+ border-radius:0;
2766
+ }
2767
+ .ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button > .ck-button__label{
2768
+ overflow:hidden;
2769
+ text-overflow:ellipsis;
2683
2770
  }
2684
2771
  :root{
2685
2772
  --ck-link-image-indicator-icon-size:20;
@@ -2700,6 +2787,51 @@ a.ck.ck-button-bold{
2700
2787
  width:calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
2701
2788
  height:calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
2702
2789
  }
2790
+ :root{
2791
+ --ck-link-properties-width:340px;
2792
+ }
2793
+ @media screen and (max-width: 600px){
2794
+ :root{
2795
+ --ck-link-properties-width:300px;
2796
+ }
2797
+ }
2798
+ .ck.ck-link-properties{
2799
+ width:var(--ck-link-properties-width);
2800
+ }
2801
+ :root{
2802
+ --ck-link-providers-width:340px;
2803
+ --ck-link-list-view-max-height:240px;
2804
+ --ck-link-list-view-icon-size:calc( var(--ck-icon-size) * 0.8);
2805
+ }
2806
+ @media screen and (max-width: 600px){
2807
+ :root{
2808
+ --ck-link-providers-width:300px;
2809
+ }
2810
+ }
2811
+ .ck.ck-link-providers{
2812
+ width:var(--ck-link-providers-width);
2813
+ }
2814
+ .ck.ck-link-providers .ck-form__header__label{
2815
+ overflow:hidden;
2816
+ text-overflow:ellipsis;
2817
+ }
2818
+ .ck.ck-link-providers > .ck-link-providers__list{
2819
+ max-height:min( var(--ck-link-list-view-max-height), 40vh);
2820
+ }
2821
+ .ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-icon{
2822
+ width:var(--ck-link-list-view-icon-size);
2823
+ height:var(--ck-link-list-view-icon-size);
2824
+ }
2825
+ .ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-button__label{
2826
+ overflow:hidden;
2827
+ text-overflow:ellipsis;
2828
+ white-space:nowrap;
2829
+ }
2830
+ .ck.ck-link-providers .ck-link__empty-list-info{
2831
+ padding:calc( 2 * var(--ck-spacing-large)) var(--ck-spacing-medium);
2832
+ text-align:center;
2833
+ font-style:italic;
2834
+ }
2703
2835
  .ck.ck-list-properties.ck-list-properties_without-styles{
2704
2836
  padding:var(--ck-spacing-large);
2705
2837
  }
@@ -3133,34 +3265,9 @@ a.ck.ck-button-bold{
3133
3265
  margin-right:0;
3134
3266
  margin-left:var(--ck-spacing-standard);
3135
3267
  }
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
- }
3268
+ .ck.ck-form__row > *:not(.ck-label) + *{
3269
+ margin-inline-start:var(--ck-spacing-large);
3270
+ }
3164
3271
  .ck.ck-form__row > .ck-label{
3165
3272
  width:100%;
3166
3273
  min-width:100%;
@@ -3343,6 +3450,114 @@ a.ck.ck-button-bold{
3343
3450
  .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
3451
  display:none;
3345
3452
  }
3453
+ :root{
3454
+ --ck-table-layout-widget-type-around-button-size:16px;
3455
+ --ck-table-layout-widget-type-around-icon-width:10px;
3456
+ --ck-table-layout-widget-type-around-icon-height:8px;
3457
+ --ck-table-layout-widget-handler-icon-size:10px;
3458
+ --ck-table-layout-default-border-color:hsl(0, 0%, 83%);
3459
+
3460
+ }
3461
+ .ck-editor__editable .table.layout-table > table{
3462
+ width:100%;
3463
+ height:100%;
3464
+ overflow:clip;
3465
+ overflow-clip-margin:var(--ck-widget-outline-thickness);
3466
+ }
3467
+ .ck-editor__editable .table.layout-table > table:not(
3468
+ [style*="border:"],
3469
+ [style*="border-top"],
3470
+ [style*="border-bottom"],
3471
+ [style*="border-left"],
3472
+ [style*="border-right"],
3473
+ [style*="border-width"],
3474
+ [style*="border-style"],
3475
+ [style*="border-color"]){
3476
+ border-color:transparent;
3477
+ border-width:0;
3478
+ outline:none;
3479
+ }
3480
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td{
3481
+ box-shadow:revert;
3482
+ padding:revert;
3483
+ min-width:2em;
3484
+ text-indent:1px;
3485
+ }
3486
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style^="width:"],
3487
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=" width:"],
3488
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=";width:"],
3489
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*="'width:"]{
3490
+ min-width:auto;
3491
+ }
3492
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:focus{
3493
+ background-color:transparent;
3494
+ }
3495
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:not(
3496
+ [style*="border:"],
3497
+ [style*="border-top"],
3498
+ [style*="border-bottom"],
3499
+ [style*="border-left"],
3500
+ [style*="border-right"],
3501
+ [style*="border-width"],
3502
+ [style*="border-style"],
3503
+ [style*="border-color"]){
3504
+ border-color:transparent;
3505
+ border-width:0;
3506
+ outline:var(--ck-table-layout-default-border-color) 1px dashed;
3507
+ outline-offset:-1px;
3508
+ }
3509
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:not(
3510
+ [style*="border:"],
3511
+ [style*="border-top"],
3512
+ [style*="border-bottom"],
3513
+ [style*="border-left"],
3514
+ [style*="border-right"],
3515
+ [style*="border-width"],
3516
+ [style*="border-style"],
3517
+ [style*="border-color"]):focus{
3518
+ outline:var(--ck-color-focus-border) 1px solid;
3519
+ }
3520
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph{
3521
+ width:calc(100% - 1px);
3522
+ text-indent:0;
3523
+ }
3524
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around{
3525
+ --ck-widget-type-around-button-size:var(--ck-table-layout-widget-type-around-button-size);
3526
+ }
3527
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before,
3528
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
3529
+ transform:translateY(0);
3530
+ }
3531
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before{
3532
+ margin-left:var(--ck-table-layout-widget-type-around-button-size);
3533
+ left:min(10%, 30px);
3534
+ border-radius:0 0 100px 100px;
3535
+ }
3536
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before::after{
3537
+ border-radius:0 0 100px 100px;
3538
+ }
3539
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
3540
+ border-radius:100px 100px 0 0;
3541
+ }
3542
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after::after{
3543
+ border-radius:100px 100px 0 0;
3544
+ }
3545
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg{
3546
+ width:var(--ck-table-layout-widget-type-around-icon-width);
3547
+ height:var(--ck-table-layout-widget-type-around-icon-height);
3548
+ }
3549
+ .ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle{
3550
+ --ck-widget-handler-icon-size:var(--ck-table-layout-widget-handler-icon-size);
3551
+
3552
+ transform:translateY(calc(0px - var(--ck-widget-outline-thickness)));
3553
+ z-index:var(--ck-z-default);
3554
+ }
3555
+ .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{
3556
+ top:0;
3557
+ }
3558
+ .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{
3559
+ bottom:0;
3560
+ }
3346
3561
  :root{
3347
3562
  --ck-widget-outline-thickness:3px;
3348
3563
  --ck-widget-handler-icon-size:16px;
@@ -3372,6 +3587,9 @@ a.ck.ck-button-bold{
3372
3587
  .ck .ck-widget:hover{
3373
3588
  outline-color:var(--ck-color-widget-hover-border);
3374
3589
  }
3590
+ .ck .ck-widget:has( .ck-widget:hover){
3591
+ outline-color:transparent;
3592
+ }
3375
3593
  .ck .ck-editor__nested-editable{
3376
3594
  border:1px solid transparent;
3377
3595
  }
@@ -3432,6 +3650,10 @@ a.ck.ck-button-bold{
3432
3650
  .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
3651
  opacity:1;
3434
3652
  }
3653
+ .ck .ck-widget.ck-widget_with-selection-handle:has( .ck-widget:hover) > .ck-widget__selection-handle{
3654
+ opacity:0;
3655
+ visibility:hidden;
3656
+ }
3435
3657
  .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
3436
3658
  left:auto;
3437
3659
  right:calc(0px - var(--ck-widget-outline-thickness));
@@ -3562,7 +3784,7 @@ a.ck.ck-button-bold{
3562
3784
  animation:none;
3563
3785
  }
3564
3786
  }
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{
3787
+ .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button{
3566
3788
  opacity:1;
3567
3789
  pointer-events:auto;
3568
3790
  }
@@ -3579,6 +3801,14 @@ a.ck.ck-button-bold{
3579
3801
  border-radius:100px;
3580
3802
  background:linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%);
3581
3803
  }
3804
+ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
3805
+ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after{
3806
+ outline-color:transparent;
3807
+ }
3808
+ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button{
3809
+ opacity:1;
3810
+ pointer-events:auto;
3811
+ }
3582
3812
  .ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before{
3583
3813
  margin-left:20px;
3584
3814
  }
@@ -3589,10 +3819,6 @@ a.ck.ck-button-bold{
3589
3819
  outline:solid 1px hsla(0, 0%, 100%, .5);
3590
3820
  background:var(--ck-color-base-text);
3591
3821
  }
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
3822
  .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
3823
  outline-color:var(--ck-color-widget-hover-border);
3598
3824
  }
@@ -3606,6 +3832,10 @@ a.ck.ck-button-bold{
3606
3832
  .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
3833
  opacity:0
3608
3834
  }
3835
+ .ck .ck-widget:has( .ck-widget:hover) > .ck-widget__type-around > .ck-widget__type-around__button{
3836
+ opacity:0;
3837
+ pointer-events:none;
3838
+ }
3609
3839
  .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before{
3610
3840
  margin-left:0;
3611
3841
  margin-right:20px;