Change violin vis size

hubmapconsortium · Oct 8, 2024 · 563a4a3 · 563a4a3
1 parent 58bc2c9
commit 563a4a3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 16 deletions.
diff --git a/libs/cde-visualization/src/lib/components/violin/violin.component.scss b/libs/cde-visualization/src/lib/components/violin/violin.component.scss
@@ -6,9 +6,7 @@
     / auto 1fr auto;
   grid-template-rows: 4rem calc(100% - 4rem);
   align-items: center;
-  row-gap: 0.75rem;
   overflow: hidden;
-  padding: 0.75rem 0.5rem;
   border-width: 0px 0px 2px 2px;
   border-style: solid;
   border-color: var(--sys-outline-variant);
@@ -33,6 +31,7 @@
     grid-area: plot;
     height: 100%;
     overflow-y: scroll;
+    padding: 0 0.5rem;
   }
 
   button {
@@ -51,16 +50,3 @@
     }
   }
 }
-
-::ng-deep {
-  #vg-tooltip-element.vg-tooltip {
-    font-family: 'Metropolis';
-    font-weight: 500;
-    font-size: 0.75rem;
-    line-height: 1.125rem;
-    color: var(--sys-secondary);
-    padding: 0.5rem;
-    max-width: 22.5rem;
-    box-shadow: 0px 5px 16px 0px #201e3d3d;
-  }
-}
diff --git a/libs/cde-visualization/src/lib/components/violin/violin.vl.json b/libs/cde-visualization/src/lib/components/violin/violin.vl.json
@@ -61,7 +61,7 @@
   },
   "spec": {
     "height": 40,
-    "width": 300,
+    "width": 225,
     "layer": [
       {
         "mark": {