@ckeditor/ckeditor5-table 49.0.1 → 49.1.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.
- package/dist/index-content.css +12 -5
- package/dist/index-content.css.map +1 -1
- package/dist/index-editor.css +15 -5
- package/dist/index-editor.css.map +1 -1
- package/dist/index.css +27 -10
- package/dist/index.css.map +1 -1
- package/package.json +10 -10
package/dist/index.css
CHANGED
|
@@ -602,7 +602,7 @@
|
|
|
602
602
|
}
|
|
603
603
|
|
|
604
604
|
100% {
|
|
605
|
-
background-color: var(--ck-content-color-table-caption-background);
|
|
605
|
+
background-color: var(--ck-content-table-caption-background-color, var(--ck-content-color-table-caption-background));
|
|
606
606
|
}
|
|
607
607
|
}
|
|
608
608
|
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
}
|
|
640
640
|
|
|
641
641
|
:root, :host {
|
|
642
|
-
--ck-color-table-column-resizer-hover: var(--ck-color-
|
|
642
|
+
--ck-color-table-column-resizer-hover: var(--ck-color-border-accent);
|
|
643
643
|
--ck-table-column-resizer-width: 7px;
|
|
644
644
|
--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -.5 - .5px);
|
|
645
645
|
}
|
|
@@ -805,6 +805,11 @@
|
|
|
805
805
|
--ck-insert-table-dropdown-box-border-radius: var(--ck-radius-xs);
|
|
806
806
|
--ck-insert-table-dropdown-label-font-size: var(--ck-font-size-small, var(--ck-font-size-sm));
|
|
807
807
|
--ck-insert-table-dropdown-label-padding: var(--ck-spacing-padding-compact) 0;
|
|
808
|
+
--ck-insert-table-dropdown-box-border-color: var(--ck-color-border-control);
|
|
809
|
+
--ck-insert-table-dropdown-box-on-background: initial;
|
|
810
|
+
--ck-insert-table-dropdown-box-on-border-color: initial;
|
|
811
|
+
--ck-insert-table-dropdown-box-hover-background: initial;
|
|
812
|
+
--ck-insert-table-dropdown-box-hover-border-color: initial;
|
|
808
813
|
}
|
|
809
814
|
|
|
810
815
|
.ck .ck-insert-table-dropdown__grid {
|
|
@@ -824,7 +829,7 @@
|
|
|
824
829
|
min-width: var(--ck-insert-table-dropdown-box-width);
|
|
825
830
|
min-height: var(--ck-insert-table-dropdown-box-height);
|
|
826
831
|
margin: var(--ck-insert-table-dropdown-box-margin);
|
|
827
|
-
border: var(--ck-border-width-thin) solid var(--ck-
|
|
832
|
+
border: var(--ck-border-width-thin) solid var(--ck-insert-table-dropdown-box-border-color);
|
|
828
833
|
border-radius: var(--ck-insert-table-dropdown-box-border-radius);
|
|
829
834
|
outline: none;
|
|
830
835
|
transition: none;
|
|
@@ -838,13 +843,25 @@
|
|
|
838
843
|
}
|
|
839
844
|
|
|
840
845
|
&.ck-on {
|
|
841
|
-
border-color: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
|
|
842
|
-
background: var(--ck-color-focus-outer-shadow, var(--ck-focus-shadow));
|
|
846
|
+
border-color: var(--ck-insert-table-dropdown-box-on-border-color, var(--ck-color-focus-border, var(--ck-color-interactive-focus-border)));
|
|
847
|
+
background: var(--ck-insert-table-dropdown-box-on-background, var(--ck-color-focus-outer-shadow, var(--ck-focus-shadow)));
|
|
848
|
+
|
|
849
|
+
&:hover:not(.ck-disabled) {
|
|
850
|
+
border-color: var(--ck-insert-table-dropdown-box-hover-border-color, var(--ck-insert-table-dropdown-box-on-border-color, var(--ck-color-focus-border, var(--ck-color-interactive-focus-border))));
|
|
851
|
+
background: var(--ck-insert-table-dropdown-box-hover-background, var(--ck-button-hover-background));
|
|
852
|
+
}
|
|
843
853
|
}
|
|
844
854
|
}
|
|
845
855
|
|
|
846
856
|
:root, :host {
|
|
847
857
|
--ck-content-table-style-spacing: 1.5em;
|
|
858
|
+
--ck-content-table-border-color: #b3b3b3;
|
|
859
|
+
--ck-content-table-border-width: 1px;
|
|
860
|
+
--ck-content-table-border-style: double;
|
|
861
|
+
--ck-content-table-header-background: #0000000d;
|
|
862
|
+
--ck-content-table-cell-border-color: #bfbfbf;
|
|
863
|
+
--ck-content-table-cell-border-width: 1px;
|
|
864
|
+
--ck-content-table-cell-border-style: solid;
|
|
848
865
|
--ck-content-color-table-caption-background: #f7f7f7;
|
|
849
866
|
--ck-content-color-table-caption-text: #333;
|
|
850
867
|
}
|
|
@@ -878,12 +895,12 @@
|
|
|
878
895
|
& table.table:not(.layout-table), & figure.table:not(.layout-table) > table {
|
|
879
896
|
border-collapse: collapse;
|
|
880
897
|
border-spacing: 0;
|
|
881
|
-
border:
|
|
898
|
+
border: var(--ck-content-table-border-width) var(--ck-content-table-border-style) var(--ck-content-table-border-color);
|
|
882
899
|
|
|
883
900
|
& > thead, & > tfoot, & > tbody {
|
|
884
901
|
& > tr {
|
|
885
902
|
& > th {
|
|
886
|
-
background:
|
|
903
|
+
background: var(--ck-content-table-header-background);
|
|
887
904
|
font-weight: bold;
|
|
888
905
|
}
|
|
889
906
|
|
|
@@ -896,7 +913,7 @@
|
|
|
896
913
|
margin-bottom: 0;
|
|
897
914
|
}
|
|
898
915
|
|
|
899
|
-
border:
|
|
916
|
+
border: var(--ck-content-table-cell-border-width) var(--ck-content-table-cell-border-style) var(--ck-content-table-cell-border-color);
|
|
900
917
|
min-width: 2em;
|
|
901
918
|
padding: .4em;
|
|
902
919
|
}
|
|
@@ -963,8 +980,8 @@
|
|
|
963
980
|
word-break: normal;
|
|
964
981
|
overflow-wrap: anywhere;
|
|
965
982
|
text-align: center;
|
|
966
|
-
color: var(--ck-content-color-table-caption-text);
|
|
967
|
-
background-color: var(--ck-content-color-table-caption-background);
|
|
983
|
+
color: var(--ck-content-table-caption-text-color, var(--ck-content-color-table-caption-text));
|
|
984
|
+
background-color: var(--ck-content-table-caption-background-color, var(--ck-content-color-table-caption-background));
|
|
968
985
|
outline-offset: -1px;
|
|
969
986
|
padding: .6em;
|
|
970
987
|
font-size: .75em;
|