CB-5810 fixes cell edit styles (#2996)

Co-authored-by: mr-anton-t <[email protected]>
dbeaver · Oct 14, 2024 · 439c806 · 439c806
1 parent a4bb23b
commit 439c806
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.module.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.module.css
@@ -10,7 +10,6 @@
   display: flex;
   overflow: hidden;
   box-sizing: border-box;
-  position: relative;
 }
 
 .container {
@@ -28,8 +27,3 @@
     display: none;
   }
 }
-
-.cellMenu {
-  width: 25px;
-  height: 100%;
-}
diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.tsx b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/CellFormatter.tsx
@@ -59,7 +59,6 @@ export const CellFormatter = observer<Props>(function CellFormatter({ className,
             spreadsheetActions={spreadsheetActions}
             resultIndex={context.resultIndex}
             simple={context.simple}
-            className={s(styles, { cellMenu: true })}
             onStateSwitch={setMenuVisible}
           />
         </div>

diff --git a/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.module.css b/webapp/packages/plugin-data-spreadsheet-new/src/DataGrid/Formatters/Menu/CellMenu.module.css
@@ -18,10 +18,15 @@
   position: absolute;
   top: 0px;
   right: 0px;
+  height: 100%;
 }
+
 .menuTrigger {
   padding: 1px 2px;
+  display: flex;
+  align-items: center;
   height: 100%;
+  justify-content: center;
 
   &:hover {
     background: none;