add website focus overlay

2021-05-16 18:48:48 +02:00
parent 6ebec9ce68
commit 3e66a541e3
5 changed files with 42 additions and 4 deletions
@@ -4,12 +4,15 @@
  position: fixed;
  transition: transform 0.5s;
  background-color: white;
-  z-index: 999;
  
  &.loading {
    background-color: gray;
  }

+  &.focus {
+    z-index: 999;
+  }
+
  main {
    iframe {
      width: 100%;
@@ -85,6 +88,9 @@
      &#cowebsite-fullscreen {
        top: 25px;
      }
+      &#cowebsite-focus {
+        top: 50px;
+      }
    }
  }
 }