infopane: Add another wrapper div for switching

Setitng display: none on uopane seems to DTRT.

No intentional resulting overall layout change.

Signed-off-by: Ian Jackson <ijackson@chiark.greenend.org.uk>

diff --git a/templates/macros.tera b/templates/macros.tera
index f48aa1ab24d40fcdcf8f106cd9bf811ce2434150..71659c3f4b022a7db186fb50d275bb8d852d7b41 100644 (file)
--- a/templates/macros.tera
+++ b/templates/macros.tera
@@ -27,6 +27,11 @@
   div[id=uos] {
     flex: auto;
   }
+  div[class=somepane] {
+    flex: auto;
+    display: flex;
+    flex-direction: column;
+  }
 </style>
 {% endmacro header %}
 
@@ -81,6 +86,7 @@ Hi {{nick | escape}}
 
 {% macro infopane() %}
 <div id="infopane">
+ <div id="uopane" class="somepane">
   <div id="uos" class="uos">
     <div class="uos-mid" id="uos-mid"></div>
   </div>
@@ -88,6 +94,7 @@ Hi {{nick | escape}}
     <div class="uokey"><strong>Mouse</strong> select/deselect/drag</div>
     <div class="uokey"><strong>shift</strong> multiple selection</div>
   </div>
+ </div id="uopane">
 </div id="infopane">
 {% endmacro infopane %}