@rufous/ui 0.2.66 → 0.2.67
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/main.cjs +260 -81
- package/dist/main.css +76 -2
- package/dist/main.js +248 -69
- package/package.json +1 -1
package/dist/main.css
CHANGED
|
@@ -7585,7 +7585,6 @@ pre {
|
|
|
7585
7585
|
}
|
|
7586
7586
|
.rf-rte-wrapper .tiptap table {
|
|
7587
7587
|
border-collapse: collapse;
|
|
7588
|
-
width: 100%;
|
|
7589
7588
|
margin: 0.8em 0;
|
|
7590
7589
|
overflow: hidden;
|
|
7591
7590
|
border-radius: 4px;
|
|
@@ -7597,6 +7596,7 @@ pre {
|
|
|
7597
7596
|
min-width: 80px;
|
|
7598
7597
|
vertical-align: top;
|
|
7599
7598
|
position: relative;
|
|
7599
|
+
box-sizing: border-box;
|
|
7600
7600
|
}
|
|
7601
7601
|
.rf-rte-wrapper .tiptap table th {
|
|
7602
7602
|
background: #f3f4f6;
|
|
@@ -7607,13 +7607,87 @@ pre {
|
|
|
7607
7607
|
.rf-rte-wrapper .tiptap table th.selectedCell {
|
|
7608
7608
|
background: #eef2ff;
|
|
7609
7609
|
}
|
|
7610
|
+
.rf-rte-wrapper .tiptap table .selectedCell::after {
|
|
7611
|
+
z-index: 2;
|
|
7612
|
+
position: absolute;
|
|
7613
|
+
content: "";
|
|
7614
|
+
left: 0;
|
|
7615
|
+
right: 0;
|
|
7616
|
+
top: 0;
|
|
7617
|
+
bottom: 0;
|
|
7618
|
+
background: rgba(200, 200, 255, 0.4);
|
|
7619
|
+
pointer-events: none;
|
|
7620
|
+
}
|
|
7610
7621
|
.rf-rte-wrapper .tiptap .tableWrapper {
|
|
7611
7622
|
overflow-x: auto;
|
|
7612
7623
|
margin: 0.8em 0;
|
|
7613
7624
|
}
|
|
7614
|
-
.rf-rte-wrapper .tiptap .resize-
|
|
7625
|
+
.rf-rte-wrapper .tiptap .column-resize-handle {
|
|
7626
|
+
position: absolute;
|
|
7627
|
+
right: -2px;
|
|
7628
|
+
top: 0;
|
|
7629
|
+
bottom: 0;
|
|
7630
|
+
width: 4px;
|
|
7631
|
+
z-index: 20;
|
|
7632
|
+
background-color: #adf;
|
|
7633
|
+
pointer-events: none;
|
|
7634
|
+
}
|
|
7635
|
+
.rf-rte-wrapper .tiptap.resize-cursor {
|
|
7636
|
+
cursor: ew-resize;
|
|
7615
7637
|
cursor: col-resize;
|
|
7616
7638
|
}
|
|
7639
|
+
.rf-table-toolbar {
|
|
7640
|
+
position: absolute;
|
|
7641
|
+
z-index: 100;
|
|
7642
|
+
display: flex;
|
|
7643
|
+
align-items: center;
|
|
7644
|
+
gap: 2px;
|
|
7645
|
+
padding: 4px 6px;
|
|
7646
|
+
background: #fff;
|
|
7647
|
+
border: 1px solid #d1d5db;
|
|
7648
|
+
border-radius: 6px;
|
|
7649
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
|
|
7650
|
+
pointer-events: auto;
|
|
7651
|
+
}
|
|
7652
|
+
.rf-table-toolbar-btn {
|
|
7653
|
+
display: flex;
|
|
7654
|
+
align-items: center;
|
|
7655
|
+
justify-content: center;
|
|
7656
|
+
width: 28px;
|
|
7657
|
+
height: 28px;
|
|
7658
|
+
padding: 0;
|
|
7659
|
+
border: none;
|
|
7660
|
+
border-radius: 4px;
|
|
7661
|
+
background: transparent;
|
|
7662
|
+
color: #374151;
|
|
7663
|
+
cursor: pointer;
|
|
7664
|
+
transition: background 0.15s, color 0.15s;
|
|
7665
|
+
}
|
|
7666
|
+
.rf-table-toolbar-btn:hover {
|
|
7667
|
+
background: #f3f4f6;
|
|
7668
|
+
}
|
|
7669
|
+
.rf-table-toolbar-btn:disabled {
|
|
7670
|
+
opacity: 0.35;
|
|
7671
|
+
cursor: default;
|
|
7672
|
+
}
|
|
7673
|
+
.rf-table-toolbar-btn:disabled:hover {
|
|
7674
|
+
background: transparent;
|
|
7675
|
+
}
|
|
7676
|
+
.rf-table-toolbar-btn.active {
|
|
7677
|
+
background: #eef2ff;
|
|
7678
|
+
color: #4f46e5;
|
|
7679
|
+
}
|
|
7680
|
+
.rf-table-toolbar-btn-danger:hover {
|
|
7681
|
+
background: #fef2f2;
|
|
7682
|
+
color: #dc2626;
|
|
7683
|
+
}
|
|
7684
|
+
.rf-table-toolbar-sep {
|
|
7685
|
+
display: inline-block;
|
|
7686
|
+
width: 1px;
|
|
7687
|
+
height: 18px;
|
|
7688
|
+
background: #d1d5db;
|
|
7689
|
+
margin: 0 3px;
|
|
7690
|
+
}
|
|
7617
7691
|
.rf-rte-wrapper .tiptap div[data-youtube-video] {
|
|
7618
7692
|
margin: 0.8em 0;
|
|
7619
7693
|
}
|