Prevent wrapping group names in InferenceData HTML repr (#1407)

* Reset grid for group names * Update changelog
arviz-devs · Oct 5, 2020 · 8f3dc70 · 8f3dc70
1 parent ffaa1b6
commit 8f3dc70
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,7 @@
 * Added `__getitem__` magic to InferenceData ([1395](https://github.com/arviz-devs/arviz/pull/1395))
 
 ### Maintenance and fixes
+* prevent wrapping group names in InferenceData repr_html ([1407](https://github.com/arviz-devs/arviz/pull/1407))
 
 ### Deprecation
 

diff --git a/arviz/static/css/style.css b/arviz/static/css/style.css
@@ -66,6 +66,10 @@ body.vscode-dark {
   grid-template-columns: 150px auto auto 1fr 20px 20px;
 }
 
+.xr-sections.group-sections {
+  grid-template-columns: auto;
+}
+
 .xr-section-item {
   display: contents;
 }

diff --git a/arviz/utils.py b/arviz/utils.py
@@ -691,7 +691,7 @@ class HtmlTemplate:
               <div class='xr-header'>
                 <div class="xr-obj-type">arviz.InferenceData</div>
               </div>
-              <ul class="xr-sections">
+              <ul class="xr-sections group-sections">
               {}
               </ul>
             </div>