Update width: inherit to fill-available (#1249)

deepchecks · Apr 12, 2022 · b4f1227 · b4f1227
1 parent fd0e0bb
commit b4f1227
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/deepchecks/vision/checks/distribution/abstract_property_outliers.py b/deepchecks/vision/checks/distribution/abstract_property_outliers.py
@@ -295,9 +295,11 @@ def _sample_index_from_flatten_index(cumsum_lengths, flatten_index) -> int:
         font-family: "Open Sans", verdana, arial, sans-serif;
         color: #2a3f5f
     }}
-    /* A fix for jupyter widget which doesn't have width defined */
+    /* A fix for jupyter widget which doesn't have width defined on HTML widget */
     .widget-html-content {{
-        width: inherit;
+        width: -moz-available;          /* WebKit-based browsers will ignore this. */
+        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
+        width: fill-available;
     }}
 </style>
 <h3><b>Property "{prop_name}"</b></h3>

diff --git a/deepchecks/vision/checks/performance/robustness_report.py b/deepchecks/vision/checks/performance/robustness_report.py
@@ -423,9 +423,11 @@ def get_random_image_pairs_from_dataset(original_dataset: VisionData,
         font-family: "Open Sans", verdana, arial, sans-serif;
         color: #2a3f5f
     }}
-    /* A fix for jupyter widget which doesn't have width defined */
+    /* A fix for jupyter widget which doesn't have width defined on HTML widget */
     .widget-html-content {{
-        width: inherit;
+        width: -moz-available;          /* WebKit-based browsers will ignore this. */
+        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
+        width: fill-available;
     }}
 </style>
 <h3><b>Augmentation "{aug_name}"</b></h3>