@rufous/ui 0.2.66 → 0.2.68

package/dist/main.css

@@ -75,6 +75,13 @@
   z-index: 2000;
   backdrop-filter: blur(2px);
 }
+.MuiPopover-root,
+.MuiMenu-root,
+.MuiAutocomplete-popper,
+.MuiTooltip-popper,
+.MuiModal-root:not(.dialog-overlay) {
+  z-index: 2100 !important;
+}
 .dialog-container {
   background: var(--surface-color);
   color: var(--text-color);
@@ -2235,12 +2242,9 @@ pre {
   flex-shrink: 0;
 }
 .rf-autocomplete__popup {
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-  right: 0;
-  z-index: 1400;
-  background: #ffffff;
+  position: fixed;
+  z-index: 2100;
+  background: var(--surface-color, #ffffff);
   border-radius: 8px;
   box-shadow:
     0 4px 6px rgba(0, 0, 0, 0.06),
@@ -2489,11 +2493,8 @@ pre {
   margin-top: 17px;
 }
 .rf-select__popup {
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-  right: 0;
-  z-index: 1400;
+  position: fixed;
+  z-index: 2100;
   background: var(--surface-color, #ffffff);
   border-radius: 8px;
   box-shadow:
@@ -7585,7 +7586,6 @@ pre {
 }
 .rf-rte-wrapper .tiptap table {
   border-collapse: collapse;
-  width: 100%;
   margin: 0.8em 0;
   overflow: hidden;
   border-radius: 4px;
@@ -7597,6 +7597,7 @@ pre {
   min-width: 80px;
   vertical-align: top;
   position: relative;
+  box-sizing: border-box;
 }
 .rf-rte-wrapper .tiptap table th {
   background: #f3f4f6;
@@ -7607,13 +7608,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;
 }