jodit-pro-react 5.6.20 → 5.6.22
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/build/esm/index.css
CHANGED
|
@@ -3710,6 +3710,7 @@ a + .jodit-file-browser-tree__source-title {
|
|
|
3710
3710
|
}
|
|
3711
3711
|
:root {
|
|
3712
3712
|
--jd-color-picker-cell-size:24px;
|
|
3713
|
+
--jd-color-picker-columns:10;
|
|
3713
3714
|
}
|
|
3714
3715
|
.jodit-color-picker {
|
|
3715
3716
|
margin: 0;
|
|
@@ -3720,7 +3721,7 @@ a + .jodit-file-browser-tree__source-title {
|
|
|
3720
3721
|
display: flex;
|
|
3721
3722
|
flex-wrap: wrap;
|
|
3722
3723
|
margin-bottom: calc(var(--jd-padding-default)/2);
|
|
3723
|
-
max-width: calc(var(--jd-color-picker-cell-size)*
|
|
3724
|
+
max-width: calc(var(--jd-color-picker-cell-size)*var(--jd-color-picker-columns));
|
|
3724
3725
|
white-space: normal;
|
|
3725
3726
|
}
|
|
3726
3727
|
.jodit-color-picker__color-item {
|
|
@@ -3733,7 +3734,7 @@ a + .jodit-file-browser-tree__source-title {
|
|
|
3733
3734
|
width: var(--jd-color-picker-cell-size);
|
|
3734
3735
|
}
|
|
3735
3736
|
.jodit-color-picker__color-item:hover {
|
|
3736
|
-
border-color:
|
|
3737
|
+
border-color: var(--jd-color-text);
|
|
3737
3738
|
}
|
|
3738
3739
|
.jodit-color-picker__color-item:active,
|
|
3739
3740
|
.jodit-color-picker__color-item_active_true {
|
|
@@ -3742,8 +3743,25 @@ a + .jodit-file-browser-tree__source-title {
|
|
|
3742
3743
|
.jodit-color-picker__extra {
|
|
3743
3744
|
align-items: center;
|
|
3744
3745
|
display: flex;
|
|
3746
|
+
gap: calc(var(--jd-padding-default)/2);
|
|
3745
3747
|
justify-content: space-between;
|
|
3746
3748
|
}
|
|
3749
|
+
.jodit-color-picker__remove {
|
|
3750
|
+
align-items: center;
|
|
3751
|
+
border: 1px solid transparent;
|
|
3752
|
+
cursor: pointer;
|
|
3753
|
+
display: flex;
|
|
3754
|
+
justify-content: center;
|
|
3755
|
+
margin-left: auto;
|
|
3756
|
+
padding: 2px;
|
|
3757
|
+
}
|
|
3758
|
+
.jodit-color-picker__remove:hover {
|
|
3759
|
+
border-color: var(--jd-color-text);
|
|
3760
|
+
}
|
|
3761
|
+
.jodit-color-picker__remove svg {
|
|
3762
|
+
height: 16px;
|
|
3763
|
+
width: 16px;
|
|
3764
|
+
}
|
|
3747
3765
|
.jodit-color-picker__hex input {
|
|
3748
3766
|
border: 1px solid var(--jd-color-border);
|
|
3749
3767
|
border-radius: var(--jd-border-radius-default);
|