CSS fixes to widget display in newer version of JupyterLab

g2nb · Jan 13, 2022 · 9269e6d · 9269e6d
1 parent b57ee2a
commit 9269e6d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/igv/tool.py b/igv/tool.py
@@ -12,7 +12,7 @@ def decorator(func):
         return decorator
 
 
-@build_ui(name="igv.js: Integrative Genomics Viewer",
+@build_ui(name="Integrative Genomics Viewer (IGV)",
           description="Use igv.js to embed an interactive genome visualization",
           logo="http://igv.org/web/img/favicon.ico",
           origin="+",
@@ -25,7 +25,8 @@ def decorator(func):
               {
                   "name": "Advanced Parameters",
                   "parameters": ["track_format", "track_type"],
-                  "hidden": True
+                  "hidden": True,
+                  "advanced": True
               }
           ],
           parameters={

diff --git a/lib/menu.css b/lib/menu.css
@@ -4,6 +4,7 @@
   background-color: #5f5f5f;
   font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
   height: 48px;
+  width: calc(100% + 20px)
 }
 
 /* Links inside the navbar */
@@ -45,6 +46,11 @@
   margin-left: 5px;
 }
 
+.igv-navbar > a,
+.igv-navbar > .igv-dropdown > .igv-dropdown-content > a {
+  text-decoration: none !important;
+}
+
 .igv-navbar a:hover,
 .igv-dropdown:hover .igv-dropdown-button {
   color: #dfdfdf;
@@ -58,7 +64,7 @@
   min-width: 160px;
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
   z-index: 200;
-  top: 48px;
+  top: 45px;
   max-height: 300px;
   overflow-y: auto;
 }
@@ -98,6 +104,10 @@
   width: 50%;
   min-width: 400px;
   max-width: 1000px;
+  background-color: white;
+  padding: 10px;
+  border: solid 1px black;
+  left: calc(25%);
 }
 
 .igv-dialog label {
@@ -119,4 +129,9 @@
 
 .igv-dialog-footer > button {
   cursor: pointer;
+}
+
+/* scrollbar fix for Safari */
+.nbtools-uibuilder .widget-upload {
+  overflow: hidden;
 }