From 365bc30de8c567a9278f25ca30d4ccad4de12307 Mon Sep 17 00:00:00 2001
From: Rasmus Andersson <rasmus@notion.se>
Date: Fri, 29 Sep 2017 10:22:47 -0700
Subject: website: fix size style issue in lab when viewing repertoire

---
 docs/lab/index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'docs/lab')

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')
-- 
cgit v1.2.3