Make use of CSS variables

SylvainCorlay · SylvainCorlay · commit 61e796a0f517 · 2019-07-04T17:31:12.000+02:00
diff --git a/js/package-lock.json b/js/package-lock.json
diff --git a/js/package.json b/js/package.json
@@ -27,7 +27,7 @@
     "webpack": "^3.5.5"
   },
   "dependencies": {
-    "@jupyter-widgets/base": "^1.1.0 || ^2.0.0",
+    "@jupyter-widgets/base": "^2.0.0",
     "css-loader": "^3.0.0",
     "lodash": "^4.17.4",
     "style-loader": "^0.23.1"
diff --git a/js/src/mpl_widget.css b/js/src/mpl_widget.css
@@ -6,7 +6,7 @@
 /* Toolbar */
 
 .jupyter-matplotlib-button {
-  width: 34px; /* calc(var(--jp-widgets-inline-width-tiny) / 2 - 2px) */
+  width: calc(var(--jp-widgets-inline-width-tiny) / 2 - 2px);
   padding: 0;
 }
 
@@ -23,5 +23,5 @@
 }
 
 .jupyter-matplotlib-canvas_div:focus {
-  outline: 1px solid; /* 1px solid var(--jp-widgets-input-focus-border-color); */
+  outline: 1px solid var(--jp-widgets-input-focus-border-color);
 }
diff --git a/setup.py b/setup.py
@@ -155,7 +155,7 @@ def run(self):
     'data_files': get_data_files(),
     'install_requires': [
         'ipykernel>=4.7',
-        'ipywidgets>=7.0.0',
+        'ipywidgets>=7.5.0',
         'matplotlib>=2.0.0'
     ],
     'packages': find_packages(),

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`/* Toolbar */`
`7`	`7`
`8`	`8`	`.jupyter-matplotlib-button {`
`9`		`- width: 34px; /* calc(var(--jp-widgets-inline-width-tiny) / 2 - 2px) */`
	`9`	`+ width: calc(var(--jp-widgets-inline-width-tiny) / 2 - 2px);`
`10`	`10`	`padding: 0;`
`11`	`11`	`}`
`12`	`12`
`@@ -23,5 +23,5 @@`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`.jupyter-matplotlib-canvas_div:focus {`
`26`		`- outline: 1px solid; /* 1px solid var(--jp-widgets-input-focus-border-color); */`
	`26`	`+ outline: 1px solid var(--jp-widgets-input-focus-border-color);`
`27`	`27`	`}`