From: Ian Jackson <ijackson@chiark.greenend.org.uk>
Date: Wed, 13 Jan 2021 22:53:17 +0000 (+0000)
Subject: infopane: Add another wrapper div for switching
X-Git-Tag: otter-0.3.0~19
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~ianmdlvl/git?a=commitdiff_plain;h=aa7a84614b3b9f400cf1cb2bd9c7d3abf555ca56;p=otter.git

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 f48aa1ab..71659c3f 100644
--- 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 %}