FIX break inheritance in CSS style to show diagram (scikit-learn#21797)

glemaitre · ogrisel · glemaitre · commit ec50455a087b · 2021-11-29T13:43:41.000+01:00
Co-authored-by: Olivier Grisel &lt;olivier.grisel@ensta.org&gt;
diff --git a/sklearn/utils/_estimator_html_repr.py b/sklearn/utils/_estimator_html_repr.py
@@ -307,7 +307,12 @@ def _write_estimator_html(
   text-align: center;
 }
 #$id div.sk-container {
-  display: inline-block;
+  /* jupyter's `normalize.less` sets `[hidden] { display: none; }`
+     but bootstrap.min.css set `[hidden] { display: none !important; }`
+     so we also need the `!important` here to be able to override the
+     default hidden behavior on the sphinx rendered scikit-learn.org. 
+     See: https://github.com/scikit-learn/scikit-learn/issues/21755 */
+  display: inline-block !important;
   position: relative;
 }
 #$id div.sk-text-repr-fallback {

Original file line number	Diff line number	Diff line change
`@@ -307,7 +307,12 @@ def _write_estimator_html(`
`307`	`307`	`text-align: center;`
`308`	`308`	`}`
`309`	`309`	`#$id div.sk-container {`
`310`		`- display: inline-block;`
	`310`	+ /* jupyter's `normalize.less` sets `[hidden] { display: none; }`
	`311`	+ but bootstrap.min.css set `[hidden] { display: none !important; }`
	`312`	+ so we also need the `!important` here to be able to override the
	`313`	`+ default hidden behavior on the sphinx rendered scikit-learn.org.`
	`314`	`+ See: https://github.com/scikit-learn/scikit-learn/issues/21755 */`
	`315`	`+ display: inline-block !important;`
`311`	`316`	`position: relative;`
`312`	`317`	`}`
`313`	`318`	`#$id div.sk-text-repr-fallback {`