@fileverse-dev/fortune-react 1.0.2-mod-28 → 1.0.2-mod-30
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.css +169 -80
- package/dist/index.esm.css +169 -80
- package/dist/index.esm.js +88 -151
- package/dist/index.js +87 -150
- package/dist/index.umd.css +169 -80
- package/dist/index.umd.js +2662 -4413
- package/dist/index.umd.min.css +1 -1
- package/dist/index.umd.min.js +9 -9
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -1543,10 +1543,108 @@ line-height: 16px; /* 133.333% */
|
|
|
1543
1543
|
overflow: hidden;
|
|
1544
1544
|
background-color: #fff;
|
|
1545
1545
|
z-index: 300;
|
|
1546
|
-
padding:
|
|
1547
|
-
box-shadow: 0
|
|
1548
|
-
border: solid
|
|
1549
|
-
border-radius:
|
|
1546
|
+
padding: 16px 20px 20px 20px;
|
|
1547
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
1548
|
+
border: 1px solid #e5e5e5;
|
|
1549
|
+
border-radius: 8px;
|
|
1550
|
+
min-width: 320px;
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1553
|
+
.fortune-link-cards-container {
|
|
1554
|
+
position: absolute;
|
|
1555
|
+
display: flex;
|
|
1556
|
+
gap: 16px;
|
|
1557
|
+
z-index: 300;
|
|
1558
|
+
}
|
|
1559
|
+
|
|
1560
|
+
.fortune-link-card {
|
|
1561
|
+
position: absolute;
|
|
1562
|
+
background-color: #fff;
|
|
1563
|
+
border: 1px solid #e5e5e5;
|
|
1564
|
+
border-radius: 8px;
|
|
1565
|
+
padding: 16px;
|
|
1566
|
+
width: 300px;
|
|
1567
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
1568
|
+
display: flex;
|
|
1569
|
+
flex-direction: column;
|
|
1570
|
+
gap: 12px;
|
|
1571
|
+
z-index: 300;
|
|
1572
|
+
}
|
|
1573
|
+
|
|
1574
|
+
.fortune-link-type-select {
|
|
1575
|
+
width: 100% !important;
|
|
1576
|
+
}
|
|
1577
|
+
|
|
1578
|
+
.fortune-link-type-dropdown {
|
|
1579
|
+
z-index: 999999 !important;
|
|
1580
|
+
}
|
|
1581
|
+
|
|
1582
|
+
.fortune-sheet-dropdown {
|
|
1583
|
+
z-index: 999999 !important;
|
|
1584
|
+
}
|
|
1585
|
+
|
|
1586
|
+
.fortune-input-with-icon {
|
|
1587
|
+
position: relative;
|
|
1588
|
+
display: flex;
|
|
1589
|
+
align-items: center;
|
|
1590
|
+
}
|
|
1591
|
+
|
|
1592
|
+
.fortune-input-with-icon .input-icon {
|
|
1593
|
+
position: absolute;
|
|
1594
|
+
left: 12px;
|
|
1595
|
+
top: 50%;
|
|
1596
|
+
transform: translateY(-50%);
|
|
1597
|
+
width: 16px;
|
|
1598
|
+
height: 16px;
|
|
1599
|
+
color: #666;
|
|
1600
|
+
z-index: 1;
|
|
1601
|
+
display: flex;
|
|
1602
|
+
align-items: center;
|
|
1603
|
+
justify-content: center;
|
|
1604
|
+
}
|
|
1605
|
+
|
|
1606
|
+
.fortune-input-with-icon .input-icon svg {
|
|
1607
|
+
width: 16px;
|
|
1608
|
+
height: 16px;
|
|
1609
|
+
}
|
|
1610
|
+
|
|
1611
|
+
.fortune-link-input {
|
|
1612
|
+
width: 100% !important;
|
|
1613
|
+
padding-left: 36px !important;
|
|
1614
|
+
}
|
|
1615
|
+
|
|
1616
|
+
.fortune-sheet-select {
|
|
1617
|
+
width: 100% !important;
|
|
1618
|
+
padding-left: 36px !important;
|
|
1619
|
+
}
|
|
1620
|
+
|
|
1621
|
+
/* Ensure Select dropdowns appear above everything */
|
|
1622
|
+
[data-radix-portal] {
|
|
1623
|
+
z-index: 999999 !important;
|
|
1624
|
+
}
|
|
1625
|
+
|
|
1626
|
+
.fortune-insert-button {
|
|
1627
|
+
width: 100% !important;
|
|
1628
|
+
background-color: #000 !important;
|
|
1629
|
+
color: white !important;
|
|
1630
|
+
border: none !important;
|
|
1631
|
+
border-radius: 6px !important;
|
|
1632
|
+
padding: 12px !important;
|
|
1633
|
+
font-weight: 500 !important;
|
|
1634
|
+
}
|
|
1635
|
+
|
|
1636
|
+
.fortune-insert-button:hover {
|
|
1637
|
+
background-color: #333 !important;
|
|
1638
|
+
}
|
|
1639
|
+
|
|
1640
|
+
.fortune-insert-button:disabled {
|
|
1641
|
+
background-color: #ccc !important;
|
|
1642
|
+
color: #666 !important;
|
|
1643
|
+
cursor: not-allowed !important;
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1646
|
+
.fortune-insert-button:disabled:hover {
|
|
1647
|
+
background-color: #ccc !important;
|
|
1550
1648
|
}
|
|
1551
1649
|
|
|
1552
1650
|
.fortune-link-modify-modal.link-toolbar {
|
|
@@ -1592,82 +1690,72 @@ line-height: 16px; /* 133.333% */
|
|
|
1592
1690
|
}
|
|
1593
1691
|
|
|
1594
1692
|
.fortune-link-modify-line {
|
|
1595
|
-
padding-top:
|
|
1693
|
+
padding-top: 16px;
|
|
1694
|
+
display: flex;
|
|
1695
|
+
flex-direction: column;
|
|
1696
|
+
gap: 8px;
|
|
1697
|
+
}
|
|
1698
|
+
|
|
1699
|
+
.fortune-link-modify-line:first-child {
|
|
1700
|
+
padding-top: 0;
|
|
1596
1701
|
}
|
|
1597
1702
|
|
|
1598
1703
|
.fortune-link-modify-title {
|
|
1599
|
-
font-size:
|
|
1600
|
-
|
|
1601
|
-
height: 16px;
|
|
1602
|
-
width: 74px;
|
|
1603
|
-
line-height: 16px;
|
|
1604
|
-
padding: 7px 0;
|
|
1704
|
+
font-size: 14px;
|
|
1705
|
+
font-weight: 500;
|
|
1605
1706
|
color: #333333;
|
|
1606
|
-
margin-
|
|
1707
|
+
margin-bottom: 4px;
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
.fortune-link-modify-input {
|
|
1711
|
+
width: 100% !important;
|
|
1607
1712
|
}
|
|
1608
1713
|
|
|
1609
|
-
.fortune-link-modify-input,
|
|
1610
1714
|
.fortune-link-modify-select {
|
|
1611
|
-
width:
|
|
1612
|
-
box-sizing: border-box;
|
|
1613
|
-
height: 26px;
|
|
1614
|
-
border-radius: 5px;
|
|
1615
|
-
border: 1px solid #d9d9d9;
|
|
1616
|
-
font-size: 12px;
|
|
1617
|
-
padding: 1px 8px;
|
|
1618
|
-
outline: none;
|
|
1619
|
-
-webkit-user-select: auto;
|
|
1620
|
-
-moz-user-select: auto;
|
|
1621
|
-
-ms-user-select: auto;
|
|
1622
|
-
user-select: auto;
|
|
1715
|
+
width: 100% !important;
|
|
1623
1716
|
}
|
|
1624
1717
|
|
|
1625
|
-
.
|
|
1626
|
-
|
|
1627
|
-
|
|
1718
|
+
.input-with-selector {
|
|
1719
|
+
position: relative;
|
|
1720
|
+
display: flex;
|
|
1721
|
+
align-items: center;
|
|
1628
1722
|
}
|
|
1629
1723
|
|
|
1630
|
-
.fortune-link-modify-input
|
|
1631
|
-
|
|
1632
|
-
border: 1px solid #ef4e2f !important;
|
|
1724
|
+
.input-with-selector .fortune-link-modify-input {
|
|
1725
|
+
padding-right: 32px !important;
|
|
1633
1726
|
}
|
|
1634
1727
|
|
|
1635
1728
|
.fortune-link-modify-cell-selector {
|
|
1636
|
-
width: 20px;
|
|
1637
|
-
right: 24px;
|
|
1638
|
-
padding: 4px;
|
|
1639
1729
|
position: absolute;
|
|
1640
|
-
|
|
1730
|
+
right: 8px;
|
|
1731
|
+
top: 50%;
|
|
1732
|
+
transform: translateY(-50%);
|
|
1733
|
+
width: 20px;
|
|
1734
|
+
height: 20px;
|
|
1735
|
+
padding: 2px;
|
|
1736
|
+
display: flex;
|
|
1737
|
+
align-items: center;
|
|
1738
|
+
justify-content: center;
|
|
1641
1739
|
border: none;
|
|
1642
1740
|
cursor: pointer;
|
|
1643
|
-
|
|
1644
|
-
-
|
|
1645
|
-
|
|
1741
|
+
background: transparent;
|
|
1742
|
+
border-radius: 4px;
|
|
1743
|
+
}
|
|
1744
|
+
|
|
1745
|
+
.fortune-link-modify-cell-selector:hover {
|
|
1746
|
+
background-color: rgba(0, 0, 0, 0.06);
|
|
1646
1747
|
}
|
|
1647
1748
|
|
|
1648
1749
|
.fortune-link-modify-modal .modal-title {
|
|
1649
|
-
font-weight:
|
|
1650
|
-
font-size:
|
|
1750
|
+
font-weight: 600;
|
|
1751
|
+
font-size: 18px;
|
|
1651
1752
|
color: rgba(0, 0, 0, 0.88);
|
|
1652
|
-
margin-bottom:
|
|
1753
|
+
margin-bottom: 16px;
|
|
1653
1754
|
line-height: 24px;
|
|
1654
1755
|
}
|
|
1655
1756
|
|
|
1656
1757
|
.fortune-link-modify-modal .range-selection-input {
|
|
1657
|
-
|
|
1658
|
-
outline: none;
|
|
1659
|
-
font-size: 14px;
|
|
1660
|
-
height: 32px;
|
|
1661
|
-
width: 100%;
|
|
1662
|
-
-webkit-box-sizing: border-box;
|
|
1663
|
-
box-sizing: border-box;
|
|
1664
|
-
padding: 7px 11px;
|
|
1665
|
-
border: 1px solid #e0e0e0;
|
|
1666
|
-
border-radius: 4px;
|
|
1667
|
-
-webkit-appearance: none;
|
|
1668
|
-
-moz-appearance: none;
|
|
1669
|
-
appearance: none;
|
|
1670
|
-
margin: 0;
|
|
1758
|
+
width: 100% !important;
|
|
1671
1759
|
}
|
|
1672
1760
|
|
|
1673
1761
|
.fortune-link-modify-modal .modal-icon-close {
|
|
@@ -1675,52 +1763,53 @@ line-height: 16px; /* 133.333% */
|
|
|
1675
1763
|
right: 22px;
|
|
1676
1764
|
top: 22px;
|
|
1677
1765
|
cursor: pointer;
|
|
1766
|
+
width: 20px;
|
|
1767
|
+
height: 20px;
|
|
1768
|
+
display: flex;
|
|
1769
|
+
align-items: center;
|
|
1770
|
+
justify-content: center;
|
|
1771
|
+
border-radius: 4px;
|
|
1772
|
+
}
|
|
1773
|
+
|
|
1774
|
+
.fortune-link-modify-modal .modal-icon-close:hover {
|
|
1775
|
+
background-color: rgba(0, 0, 0, 0.06);
|
|
1678
1776
|
}
|
|
1679
1777
|
|
|
1680
1778
|
.fortune-link-modify-modal .validation-input-tip {
|
|
1681
|
-
height: 17px;
|
|
1682
1779
|
font-size: 12px;
|
|
1683
1780
|
color: #ef4e2f;
|
|
1684
|
-
margin:
|
|
1781
|
+
margin-top: 4px;
|
|
1685
1782
|
}
|
|
1686
1783
|
|
|
1687
1784
|
.fortune-link-modify-modal .button-group {
|
|
1688
1785
|
display: flex;
|
|
1786
|
+
gap: 12px;
|
|
1787
|
+
justify-content: flex-end;
|
|
1689
1788
|
}
|
|
1690
1789
|
|
|
1691
1790
|
.fortune-link-modify-modal .modal-footer {
|
|
1692
1791
|
display: flex;
|
|
1693
1792
|
justify-content: flex-end;
|
|
1694
|
-
padding:
|
|
1793
|
+
padding-top: 20px;
|
|
1794
|
+
margin-top: 8px;
|
|
1795
|
+
border-top: 1px solid #f0f0f0;
|
|
1695
1796
|
}
|
|
1696
1797
|
|
|
1697
1798
|
.fortune-link-modify-modal.range-selection-modal .modal-footer {
|
|
1698
|
-
padding:
|
|
1799
|
+
padding-top: 16px;
|
|
1800
|
+
border-top: 1px solid #f0f0f0;
|
|
1699
1801
|
}
|
|
1700
1802
|
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
align-items: center;
|
|
1706
|
-
font-size: 14px;
|
|
1707
|
-
height: 32px;
|
|
1708
|
-
width: 88px;
|
|
1709
|
-
padding: 0;
|
|
1710
|
-
border-radius: 4px;
|
|
1711
|
-
cursor: pointer;
|
|
1712
|
-
}
|
|
1713
|
-
|
|
1714
|
-
.fortune-link-modify-modal .button-default {
|
|
1715
|
-
color: rgb(38, 42, 51);
|
|
1716
|
-
background-color: rgb(255, 255, 255);
|
|
1717
|
-
border: 1px solid rgb(235, 235, 235);
|
|
1803
|
+
/* Error state styling for fileverse/ui components */
|
|
1804
|
+
.fortune-link-modify-modal .error-input input,
|
|
1805
|
+
.fortune-link-card .error-input input {
|
|
1806
|
+
border-color: #ef4e2f !important;
|
|
1718
1807
|
}
|
|
1719
1808
|
|
|
1720
|
-
.fortune-link-modify-modal .
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1809
|
+
.fortune-link-modify-modal .error-input input:focus,
|
|
1810
|
+
.fortune-link-card .error-input input:focus {
|
|
1811
|
+
border-color: #ef4e2f !important;
|
|
1812
|
+
box-shadow: 0 0 0 2px rgba(239, 78, 47, 0.2) !important;
|
|
1724
1813
|
}
|
|
1725
1814
|
|
|
1726
1815
|
#fortune-data-verification {
|
package/dist/index.esm.css
CHANGED
|
@@ -1543,10 +1543,108 @@ line-height: 16px; /* 133.333% */
|
|
|
1543
1543
|
overflow: hidden;
|
|
1544
1544
|
background-color: #fff;
|
|
1545
1545
|
z-index: 300;
|
|
1546
|
-
padding:
|
|
1547
|
-
box-shadow: 0
|
|
1548
|
-
border: solid
|
|
1549
|
-
border-radius:
|
|
1546
|
+
padding: 16px 20px 20px 20px;
|
|
1547
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
1548
|
+
border: 1px solid #e5e5e5;
|
|
1549
|
+
border-radius: 8px;
|
|
1550
|
+
min-width: 320px;
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1553
|
+
.fortune-link-cards-container {
|
|
1554
|
+
position: absolute;
|
|
1555
|
+
display: flex;
|
|
1556
|
+
gap: 16px;
|
|
1557
|
+
z-index: 300;
|
|
1558
|
+
}
|
|
1559
|
+
|
|
1560
|
+
.fortune-link-card {
|
|
1561
|
+
position: absolute;
|
|
1562
|
+
background-color: #fff;
|
|
1563
|
+
border: 1px solid #e5e5e5;
|
|
1564
|
+
border-radius: 8px;
|
|
1565
|
+
padding: 16px;
|
|
1566
|
+
width: 300px;
|
|
1567
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
1568
|
+
display: flex;
|
|
1569
|
+
flex-direction: column;
|
|
1570
|
+
gap: 12px;
|
|
1571
|
+
z-index: 300;
|
|
1572
|
+
}
|
|
1573
|
+
|
|
1574
|
+
.fortune-link-type-select {
|
|
1575
|
+
width: 100% !important;
|
|
1576
|
+
}
|
|
1577
|
+
|
|
1578
|
+
.fortune-link-type-dropdown {
|
|
1579
|
+
z-index: 999999 !important;
|
|
1580
|
+
}
|
|
1581
|
+
|
|
1582
|
+
.fortune-sheet-dropdown {
|
|
1583
|
+
z-index: 999999 !important;
|
|
1584
|
+
}
|
|
1585
|
+
|
|
1586
|
+
.fortune-input-with-icon {
|
|
1587
|
+
position: relative;
|
|
1588
|
+
display: flex;
|
|
1589
|
+
align-items: center;
|
|
1590
|
+
}
|
|
1591
|
+
|
|
1592
|
+
.fortune-input-with-icon .input-icon {
|
|
1593
|
+
position: absolute;
|
|
1594
|
+
left: 12px;
|
|
1595
|
+
top: 50%;
|
|
1596
|
+
transform: translateY(-50%);
|
|
1597
|
+
width: 16px;
|
|
1598
|
+
height: 16px;
|
|
1599
|
+
color: #666;
|
|
1600
|
+
z-index: 1;
|
|
1601
|
+
display: flex;
|
|
1602
|
+
align-items: center;
|
|
1603
|
+
justify-content: center;
|
|
1604
|
+
}
|
|
1605
|
+
|
|
1606
|
+
.fortune-input-with-icon .input-icon svg {
|
|
1607
|
+
width: 16px;
|
|
1608
|
+
height: 16px;
|
|
1609
|
+
}
|
|
1610
|
+
|
|
1611
|
+
.fortune-link-input {
|
|
1612
|
+
width: 100% !important;
|
|
1613
|
+
padding-left: 36px !important;
|
|
1614
|
+
}
|
|
1615
|
+
|
|
1616
|
+
.fortune-sheet-select {
|
|
1617
|
+
width: 100% !important;
|
|
1618
|
+
padding-left: 36px !important;
|
|
1619
|
+
}
|
|
1620
|
+
|
|
1621
|
+
/* Ensure Select dropdowns appear above everything */
|
|
1622
|
+
[data-radix-portal] {
|
|
1623
|
+
z-index: 999999 !important;
|
|
1624
|
+
}
|
|
1625
|
+
|
|
1626
|
+
.fortune-insert-button {
|
|
1627
|
+
width: 100% !important;
|
|
1628
|
+
background-color: #000 !important;
|
|
1629
|
+
color: white !important;
|
|
1630
|
+
border: none !important;
|
|
1631
|
+
border-radius: 6px !important;
|
|
1632
|
+
padding: 12px !important;
|
|
1633
|
+
font-weight: 500 !important;
|
|
1634
|
+
}
|
|
1635
|
+
|
|
1636
|
+
.fortune-insert-button:hover {
|
|
1637
|
+
background-color: #333 !important;
|
|
1638
|
+
}
|
|
1639
|
+
|
|
1640
|
+
.fortune-insert-button:disabled {
|
|
1641
|
+
background-color: #ccc !important;
|
|
1642
|
+
color: #666 !important;
|
|
1643
|
+
cursor: not-allowed !important;
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1646
|
+
.fortune-insert-button:disabled:hover {
|
|
1647
|
+
background-color: #ccc !important;
|
|
1550
1648
|
}
|
|
1551
1649
|
|
|
1552
1650
|
.fortune-link-modify-modal.link-toolbar {
|
|
@@ -1592,82 +1690,72 @@ line-height: 16px; /* 133.333% */
|
|
|
1592
1690
|
}
|
|
1593
1691
|
|
|
1594
1692
|
.fortune-link-modify-line {
|
|
1595
|
-
padding-top:
|
|
1693
|
+
padding-top: 16px;
|
|
1694
|
+
display: flex;
|
|
1695
|
+
flex-direction: column;
|
|
1696
|
+
gap: 8px;
|
|
1697
|
+
}
|
|
1698
|
+
|
|
1699
|
+
.fortune-link-modify-line:first-child {
|
|
1700
|
+
padding-top: 0;
|
|
1596
1701
|
}
|
|
1597
1702
|
|
|
1598
1703
|
.fortune-link-modify-title {
|
|
1599
|
-
font-size:
|
|
1600
|
-
|
|
1601
|
-
height: 16px;
|
|
1602
|
-
width: 74px;
|
|
1603
|
-
line-height: 16px;
|
|
1604
|
-
padding: 7px 0;
|
|
1704
|
+
font-size: 14px;
|
|
1705
|
+
font-weight: 500;
|
|
1605
1706
|
color: #333333;
|
|
1606
|
-
margin-
|
|
1707
|
+
margin-bottom: 4px;
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
.fortune-link-modify-input {
|
|
1711
|
+
width: 100% !important;
|
|
1607
1712
|
}
|
|
1608
1713
|
|
|
1609
|
-
.fortune-link-modify-input,
|
|
1610
1714
|
.fortune-link-modify-select {
|
|
1611
|
-
width:
|
|
1612
|
-
box-sizing: border-box;
|
|
1613
|
-
height: 26px;
|
|
1614
|
-
border-radius: 5px;
|
|
1615
|
-
border: 1px solid #d9d9d9;
|
|
1616
|
-
font-size: 12px;
|
|
1617
|
-
padding: 1px 8px;
|
|
1618
|
-
outline: none;
|
|
1619
|
-
-webkit-user-select: auto;
|
|
1620
|
-
-moz-user-select: auto;
|
|
1621
|
-
-ms-user-select: auto;
|
|
1622
|
-
user-select: auto;
|
|
1715
|
+
width: 100% !important;
|
|
1623
1716
|
}
|
|
1624
1717
|
|
|
1625
|
-
.
|
|
1626
|
-
|
|
1627
|
-
|
|
1718
|
+
.input-with-selector {
|
|
1719
|
+
position: relative;
|
|
1720
|
+
display: flex;
|
|
1721
|
+
align-items: center;
|
|
1628
1722
|
}
|
|
1629
1723
|
|
|
1630
|
-
.fortune-link-modify-input
|
|
1631
|
-
|
|
1632
|
-
border: 1px solid #ef4e2f !important;
|
|
1724
|
+
.input-with-selector .fortune-link-modify-input {
|
|
1725
|
+
padding-right: 32px !important;
|
|
1633
1726
|
}
|
|
1634
1727
|
|
|
1635
1728
|
.fortune-link-modify-cell-selector {
|
|
1636
|
-
width: 20px;
|
|
1637
|
-
right: 24px;
|
|
1638
|
-
padding: 4px;
|
|
1639
1729
|
position: absolute;
|
|
1640
|
-
|
|
1730
|
+
right: 8px;
|
|
1731
|
+
top: 50%;
|
|
1732
|
+
transform: translateY(-50%);
|
|
1733
|
+
width: 20px;
|
|
1734
|
+
height: 20px;
|
|
1735
|
+
padding: 2px;
|
|
1736
|
+
display: flex;
|
|
1737
|
+
align-items: center;
|
|
1738
|
+
justify-content: center;
|
|
1641
1739
|
border: none;
|
|
1642
1740
|
cursor: pointer;
|
|
1643
|
-
|
|
1644
|
-
-
|
|
1645
|
-
|
|
1741
|
+
background: transparent;
|
|
1742
|
+
border-radius: 4px;
|
|
1743
|
+
}
|
|
1744
|
+
|
|
1745
|
+
.fortune-link-modify-cell-selector:hover {
|
|
1746
|
+
background-color: rgba(0, 0, 0, 0.06);
|
|
1646
1747
|
}
|
|
1647
1748
|
|
|
1648
1749
|
.fortune-link-modify-modal .modal-title {
|
|
1649
|
-
font-weight:
|
|
1650
|
-
font-size:
|
|
1750
|
+
font-weight: 600;
|
|
1751
|
+
font-size: 18px;
|
|
1651
1752
|
color: rgba(0, 0, 0, 0.88);
|
|
1652
|
-
margin-bottom:
|
|
1753
|
+
margin-bottom: 16px;
|
|
1653
1754
|
line-height: 24px;
|
|
1654
1755
|
}
|
|
1655
1756
|
|
|
1656
1757
|
.fortune-link-modify-modal .range-selection-input {
|
|
1657
|
-
|
|
1658
|
-
outline: none;
|
|
1659
|
-
font-size: 14px;
|
|
1660
|
-
height: 32px;
|
|
1661
|
-
width: 100%;
|
|
1662
|
-
-webkit-box-sizing: border-box;
|
|
1663
|
-
box-sizing: border-box;
|
|
1664
|
-
padding: 7px 11px;
|
|
1665
|
-
border: 1px solid #e0e0e0;
|
|
1666
|
-
border-radius: 4px;
|
|
1667
|
-
-webkit-appearance: none;
|
|
1668
|
-
-moz-appearance: none;
|
|
1669
|
-
appearance: none;
|
|
1670
|
-
margin: 0;
|
|
1758
|
+
width: 100% !important;
|
|
1671
1759
|
}
|
|
1672
1760
|
|
|
1673
1761
|
.fortune-link-modify-modal .modal-icon-close {
|
|
@@ -1675,52 +1763,53 @@ line-height: 16px; /* 133.333% */
|
|
|
1675
1763
|
right: 22px;
|
|
1676
1764
|
top: 22px;
|
|
1677
1765
|
cursor: pointer;
|
|
1766
|
+
width: 20px;
|
|
1767
|
+
height: 20px;
|
|
1768
|
+
display: flex;
|
|
1769
|
+
align-items: center;
|
|
1770
|
+
justify-content: center;
|
|
1771
|
+
border-radius: 4px;
|
|
1772
|
+
}
|
|
1773
|
+
|
|
1774
|
+
.fortune-link-modify-modal .modal-icon-close:hover {
|
|
1775
|
+
background-color: rgba(0, 0, 0, 0.06);
|
|
1678
1776
|
}
|
|
1679
1777
|
|
|
1680
1778
|
.fortune-link-modify-modal .validation-input-tip {
|
|
1681
|
-
height: 17px;
|
|
1682
1779
|
font-size: 12px;
|
|
1683
1780
|
color: #ef4e2f;
|
|
1684
|
-
margin:
|
|
1781
|
+
margin-top: 4px;
|
|
1685
1782
|
}
|
|
1686
1783
|
|
|
1687
1784
|
.fortune-link-modify-modal .button-group {
|
|
1688
1785
|
display: flex;
|
|
1786
|
+
gap: 12px;
|
|
1787
|
+
justify-content: flex-end;
|
|
1689
1788
|
}
|
|
1690
1789
|
|
|
1691
1790
|
.fortune-link-modify-modal .modal-footer {
|
|
1692
1791
|
display: flex;
|
|
1693
1792
|
justify-content: flex-end;
|
|
1694
|
-
padding:
|
|
1793
|
+
padding-top: 20px;
|
|
1794
|
+
margin-top: 8px;
|
|
1795
|
+
border-top: 1px solid #f0f0f0;
|
|
1695
1796
|
}
|
|
1696
1797
|
|
|
1697
1798
|
.fortune-link-modify-modal.range-selection-modal .modal-footer {
|
|
1698
|
-
padding:
|
|
1799
|
+
padding-top: 16px;
|
|
1800
|
+
border-top: 1px solid #f0f0f0;
|
|
1699
1801
|
}
|
|
1700
1802
|
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
align-items: center;
|
|
1706
|
-
font-size: 14px;
|
|
1707
|
-
height: 32px;
|
|
1708
|
-
width: 88px;
|
|
1709
|
-
padding: 0;
|
|
1710
|
-
border-radius: 4px;
|
|
1711
|
-
cursor: pointer;
|
|
1712
|
-
}
|
|
1713
|
-
|
|
1714
|
-
.fortune-link-modify-modal .button-default {
|
|
1715
|
-
color: rgb(38, 42, 51);
|
|
1716
|
-
background-color: rgb(255, 255, 255);
|
|
1717
|
-
border: 1px solid rgb(235, 235, 235);
|
|
1803
|
+
/* Error state styling for fileverse/ui components */
|
|
1804
|
+
.fortune-link-modify-modal .error-input input,
|
|
1805
|
+
.fortune-link-card .error-input input {
|
|
1806
|
+
border-color: #ef4e2f !important;
|
|
1718
1807
|
}
|
|
1719
1808
|
|
|
1720
|
-
.fortune-link-modify-modal .
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1809
|
+
.fortune-link-modify-modal .error-input input:focus,
|
|
1810
|
+
.fortune-link-card .error-input input:focus {
|
|
1811
|
+
border-color: #ef4e2f !important;
|
|
1812
|
+
box-shadow: 0 0 0 2px rgba(239, 78, 47, 0.2) !important;
|
|
1724
1813
|
}
|
|
1725
1814
|
|
|
1726
1815
|
#fortune-data-verification {
|