website: fix size style issue in lab when viewing repertoire

1 files changed, 7 insertions, 1 deletions

diff --git a/docs/lab/index.html b/docs/lab/index.html
index d1737f1ff..88dfda030 100644
--- a/docs/lab/index.html
+++ b/docs/lab/index.html
@@ -1463,6 +1463,8 @@ function main() {
   const repertoireOrderControl = document.querySelector('label.repertoireOrder')
   const samplesElement = document.querySelector('samples')
 
+  let sizeVar = null
+
   // sample text
   const samplesSelect = document.querySelector('select[name="sample"]')
   for (let [k,v] of samples) {
@@ -1498,6 +1500,10 @@ function main() {
         secondarySample.innerText = sampleText
       }
     }
+
+    if (sizeVar && v == 'Repertoire') {
+      sizeVar.refreshValue(null)
+    }
   })
 
   vars.bind('repertoireOrder', (e, v) => {
@@ -1555,7 +1561,7 @@ function main() {
   }
 
   const boxes = document.querySelector('boxes')
-  vars.bind('size', (e, v) => {
+  sizeVar = vars.bind('size', (e, v) => {
     boxes.style.display = (v > 20) ? 'none' : null
     setCSSProp('font-size', v + 'px')
     let glyphlist = samplesElement.querySelector('.glyphlist')