commit bcf0935f87d26bf08bb576c1124075e6ce730242
author Tao Zhou <taoalpha@google.com> Wed Sep 09 09:31:38 2020 +0200
committer Tao Zhou <taoalpha@google.com> Wed Sep 09 09:31:38 2020 +0200
tree 5882c0d60d15a452463c630ee1a79ac86ced9643
parent 26676005a92687be03128404874c9f2a0eb0a150

Hide the tool component if hidden set to true

Change-Id: Ic421e9dbdca0d1fb72f73876d3eef64e3edff0cf

gr-image-diff-tool/gr-image-diff-tool_html.js

diff --git a/gr-image-diff-tool/gr-image-diff-tool_html.js b/gr-image-diff-tool/gr-image-diff-tool_html.js
index 887a028..212298c 100644
--- a/gr-image-diff-tool/gr-image-diff-tool_html.js
+++ b/gr-image-diff-tool/gr-image-diff-tool_html.js
@@ -22,6 +22,12 @@
     display: block;
     font-family: var(--font-family);
   }
+  /** This is needed as we have explicit display on :host
+    * which will override hidden from shared-styles
+    */
+  :host[hidden] {
+    display: none;
+  }
   #header {
     align-items: center;
     border-bottom: 1px solid var(--border-color, #ddd);