From 6eb7ba21c67b0197cac6a7ed1523e4765bde621b Mon Sep 17 00:00:00 2001
From: RomanDavlyatshin <davlyatshinra@gmail.com>
Date: Thu, 17 Mar 2022 19:29:17 +0400
Subject: [PATCH] fix: make iframe always visible WHY: some websites hide
 iframes by default

---
 src/iframe.scss | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/iframe.scss b/src/iframe.scss
index 9635223..9b72ea1 100644
--- a/src/iframe.scss
+++ b/src/iframe.scss
@@ -1,15 +1,22 @@
-@import "common/style-guide/colors";
+@import 'common/style-guide/colors';
 
 .drill-widget-iframe {
-  z-index: 2147483647;
-  left: 0;
-  top: 0;
-  position: fixed;
+  // some websites hide iframes with one way or the other
+  // thus, the "!important" hack is required
+  display: block !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+  z-index: 2147483647 !important;
+  width: 100% !important;
+  height: 36px !important;
+
+  background-color: map-get($monochrome, light-tint);
   border-style: none;
-  width: 100%;
-  height: 36px;
   box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
-  background-color: map-get($monochrome, light-tint);
+
+  position: fixed;
+  left: 0;
+  top: 0;
 
   &-position {
     &__top {
@@ -27,6 +34,6 @@
   }
 
   &--hidden {
-    display: none;
+    display: none !important;
   }
 }