@rufous/ui 0.2.65 → 0.2.67

package/dist/main.css

@@ -1125,6 +1125,12 @@ pre {
   position: relative;
   width: 100%;
 }
+.rf-date-picker.rf-date-picker--portaled {
+  position: fixed;
+  top: auto;
+  left: auto;
+  z-index: 99999;
+}
 .rf-date-picker {
   position: absolute;
   top: calc(100% + 6px);
@@ -5788,6 +5794,7 @@ pre {
   text-transform: uppercase;
   letter-spacing: 0.5px;
   white-space: nowrap;
+  height: 38px;
 }
 .add-btn,
 .btn-add {
@@ -7578,7 +7585,6 @@ pre {
 }
 .rf-rte-wrapper .tiptap table {
   border-collapse: collapse;
-  width: 100%;
   margin: 0.8em 0;
   overflow: hidden;
   border-radius: 4px;
@@ -7590,6 +7596,7 @@ pre {
   min-width: 80px;
   vertical-align: top;
   position: relative;
+  box-sizing: border-box;
 }
 .rf-rte-wrapper .tiptap table th {
   background: #f3f4f6;
@@ -7600,13 +7607,87 @@ pre {
 .rf-rte-wrapper .tiptap table th.selectedCell {
   background: #eef2ff;
 }
+.rf-rte-wrapper .tiptap table .selectedCell::after {
+  z-index: 2;
+  position: absolute;
+  content: "";
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(200, 200, 255, 0.4);
+  pointer-events: none;
+}
 .rf-rte-wrapper .tiptap .tableWrapper {
   overflow-x: auto;
   margin: 0.8em 0;
 }
-.rf-rte-wrapper .tiptap .resize-cursor {
+.rf-rte-wrapper .tiptap .column-resize-handle {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  z-index: 20;
+  background-color: #adf;
+  pointer-events: none;
+}
+.rf-rte-wrapper .tiptap.resize-cursor {
+  cursor: ew-resize;
   cursor: col-resize;
 }
+.rf-table-toolbar {
+  position: absolute;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 4px 6px;
+  background: #fff;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  pointer-events: auto;
+}
+.rf-table-toolbar-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: #374151;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+.rf-table-toolbar-btn:hover {
+  background: #f3f4f6;
+}
+.rf-table-toolbar-btn:disabled {
+  opacity: 0.35;
+  cursor: default;
+}
+.rf-table-toolbar-btn:disabled:hover {
+  background: transparent;
+}
+.rf-table-toolbar-btn.active {
+  background: #eef2ff;
+  color: #4f46e5;
+}
+.rf-table-toolbar-btn-danger:hover {
+  background: #fef2f2;
+  color: #dc2626;
+}
+.rf-table-toolbar-sep {
+  display: inline-block;
+  width: 1px;
+  height: 18px;
+  background: #d1d5db;
+  margin: 0 3px;
+}
 .rf-rte-wrapper .tiptap div[data-youtube-video] {
   margin: 0.8em 0;
 }