@@ -3449,6 +3449,7 @@ html {
3449
3449
background-color: var(--disabled-bg-color);
3450
3450
cursor: not-allowed;
3451
3451
opacity: 1;
3452
+ background-color: transparent;
3452
3453
}
3453
3454
.sm-component-select-auto-complete.sm-component-select .sm-component-input[disabled]:hover {
3454
3455
border-color: var(--border-color-base);
@@ -4808,7 +4809,7 @@ html {
4808
4809
}
4809
4810
.sm-component-btn-group {
4810
4811
position: relative;
4811
- display: inline-flex ;
4812
+ display: inline-block ;
4812
4813
}
4813
4814
.sm-component-btn-group > .sm-component-btn,
4814
4815
.sm-component-btn-group > span > .sm-component-btn {
@@ -6607,6 +6608,136 @@ a.sm-component-btn-sm {
6607
6608
color: var(--disabled-text-color);
6608
6609
cursor: not-allowed;
6609
6610
}
6611
+ .sm-component-color-picker {
6612
+ box-sizing: border-box;
6613
+ margin: 0;
6614
+ padding: 0;
6615
+ color: rgba(0, 0, 0, 0.65);
6616
+ font-size: 14px;
6617
+ font-variant: tabular-nums;
6618
+ line-height: 1.5;
6619
+ list-style: none;
6620
+ font-feature-settings: 'tnum';
6621
+ position: relative;
6622
+ display: inline-block;
6623
+ outline: none;
6624
+ cursor: pointer;
6625
+ transition: opacity 0.3s;
6626
+ min-width: 55px;
6627
+ }
6628
+ .sm-component-color-picker .pickr {
6629
+ display: inline-block;
6630
+ }
6631
+ .sm-component-color-picker .pickr .pcr-button {
6632
+ width: 18px;
6633
+ height: 18px;
6634
+ margin-left: 7px;
6635
+ }
6636
+ .sm-component-color-picker .pickr .pcr-button:focus {
6637
+ box-shadow: none;
6638
+ }
6639
+ .sm-component-color-picker.sm-component-color-picker-disabled {
6640
+ cursor: not-allowed;
6641
+ }
6642
+ .sm-component-color-picker.sm-component-color-picker-disabled .sm-component-color-picker-selection {
6643
+ background: var(--disabled-bg-color);
6644
+ box-shadow: none;
6645
+ border: 1px solid var(--border-color-base);
6646
+ }
6647
+ .sm-component-color-picker.sm-component-color-picker-disabled .sm-component-color-picker-selection:hover,
6648
+ .sm-component-color-picker.sm-component-color-picker-disabled .sm-component-color-picker-selection:focus,
6649
+ .sm-component-color-picker.sm-component-color-picker-disabled .sm-component-color-picker-selection:active {
6650
+ border: 1px solid var(--border-color-base);
6651
+ box-shadow: none;
6652
+ }
6653
+ .sm-component-color-picker.sm-component-color-picker-disabled.sm-component-color-picker-open .sm-component-color-picker-icon svg {
6654
+ transform: none;
6655
+ }
6656
+ .sm-component-color-picker-open .sm-component-color-picker-icon svg {
6657
+ transform: rotate(180deg);
6658
+ }
6659
+ .sm-component-color-picker-open .sm-component-color-picker-selection {
6660
+ border-color: #40a9ff;
6661
+ border-right-width: 1px !important;
6662
+ outline: 0;
6663
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
6664
+ }
6665
+ .sm-component-color-picker-selection {
6666
+ display: block;
6667
+ box-sizing: border-box;
6668
+ background-color: var(--component-background);
6669
+ border: 1px solid var(--border-color-base);
6670
+ border-top-width: 1.02px;
6671
+ border-radius: 4px;
6672
+ outline: none;
6673
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6674
+ user-select: none;
6675
+ position: relative;
6676
+ height: 32px;
6677
+ cursor: inherit;
6678
+ }
6679
+ .sm-component-color-picker-selection:hover {
6680
+ border-color: var(--primary-5);
6681
+ border-right-width: 1px !important;
6682
+ }
6683
+ .sm-component-color-picker-icon {
6684
+ display: inline-block;
6685
+ color: inherit;
6686
+ font-style: normal;
6687
+ line-height: 0;
6688
+ text-align: center;
6689
+ text-transform: none;
6690
+ vertical-align: -0.125em;
6691
+ text-rendering: optimizeLegibility;
6692
+ -webkit-font-smoothing: antialiased;
6693
+ -moz-osx-font-smoothing: grayscale;
6694
+ position: absolute;
6695
+ top: 50%;
6696
+ right: 8px;
6697
+ margin-top: -6px;
6698
+ color: var(--disabled-text-color);
6699
+ font-size: 12px;
6700
+ line-height: 1;
6701
+ transform-origin: 50% 50%;
6702
+ }
6703
+ .sm-component-color-picker-icon > * {
6704
+ line-height: 1;
6705
+ }
6706
+ .sm-component-color-picker-icon svg {
6707
+ display: inline-block;
6708
+ }
6709
+ .sm-component-color-picker-icon::before {
6710
+ display: none;
6711
+ }
6712
+ .sm-component-color-picker-icon .sm-component-color-picker-icon-icon {
6713
+ display: block;
6714
+ }
6715
+ .sm-component-color-picker-icon svg {
6716
+ transition: transform 0.3s;
6717
+ }
6718
+ .sm-component-color-picker-lg {
6719
+ font-size: 16px;
6720
+ }
6721
+ .sm-component-color-picker-lg .sm-component-color-picker-selection {
6722
+ line-height: 28px;
6723
+ height: 40px;
6724
+ }
6725
+ .sm-component-color-picker-lg .sm-component-color-picker-icon {
6726
+ top: 20px;
6727
+ }
6728
+ .sm-component-color-picker-sm .sm-component-color-picker-selection {
6729
+ line-height: 12px;
6730
+ height: 24px;
6731
+ }
6732
+ .sm-component-color-picker-sm .pickr .pcr-button {
6733
+ width: 14px;
6734
+ height: 14px;
6735
+ }
6736
+ .sm-component-color-picker-sm .sm-component-color-picker-icon {
6737
+ right: 10px;
6738
+ top: 12px;
6739
+ font-size: 10px;
6740
+ }
6610
6741
.sm-component-comment {
6611
6742
position: relative;
6612
6743
}
@@ -16928,6 +17059,9 @@ textarea.sm-component-mentions {
16928
17059
.sm-component-modal-confirm .sm-component-modal-header {
16929
17060
display: none;
16930
17061
}
17062
+ .sm-component-modal-confirm .sm-component-modal-close {
17063
+ display: none;
17064
+ }
16931
17065
.sm-component-modal-confirm .sm-component-modal-body {
16932
17066
padding: 32px 32px 24px;
16933
17067
}
0 commit comments