Grid cell style updates

packages/frontend-core/src/components/grid/cells/AttachmentCell.svelte

@@ -145,6 +145,7 @@
     user-select: none;
   }
   .dropzone {
+    background: var(--grid-background-alt);
     width: 320px;
     padding: var(--cell-padding);
   }

packages/frontend-core/src/components/grid/cells/OptionsCell.svelte

@@ -228,11 +228,10 @@
     justify-content: space-between;
     align-items: center;
     gap: var(--cell-spacing);
-    background-color: var(--grid-background-alt);
   }
   .option:hover,
   .option.focused {
-    background-color: var(--spectrum-global-color-gray-200);
+    background-color: var(--grid-background-alt);
     cursor: pointer;
   }
 </style>

packages/frontend-core/src/components/grid/cells/RelationshipCell.svelte

@@ -231,7 +231,6 @@
   class="wrapper"
   class:editable
   class:focused
-  class:invertY
   style="--color:{color};"
   bind:this={anchor}
 >
@@ -324,7 +323,6 @@
     min-height: var(--row-height);
     max-height: var(--row-height);
     overflow: hidden;
-    --max-relationship-height: 96px;
   }
   .wrapper.focused {
     position: absolute;
@@ -336,10 +334,6 @@
     max-height: none;
     overflow: visible;
   }
-  .wrapper.invertY {
-    top: auto;
-    bottom: 0;
-  }
 
   .container {
     min-height: var(--row-height);
@@ -350,7 +344,6 @@
   .focused .container {
     overflow-y: auto;
     border-radius: 2px;
-    max-height: var(--max-relationship-height);
   }
   .focused .container:after {
     content: " ";

packages/frontend-core/src/components/grid/overlays/GridPopover.svelte

@@ -52,8 +52,7 @@
 
 <style>
   :global(.grid-popover-container .spectrum-Popover) {
-    background: var(--grid-background-alt);
+    background: var(--grid-background);
-    border: var(--cell-border);
     min-width: none;
     max-width: none;
     overflow: hidden;