show reset icon with zoom percentage during zen mode (#1540)

2020-05-09 18:17:22 +05:30
parent 3b1d6910aa
commit 5b80ad045b
5 changed files with 35 additions and 19 deletions
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@ -267,6 +267,12 @@ button,
  cursor: default;
  pointer-events: none !important;

+  &--transition-left {
+    section {
+      width: 185px;
+    }
+  }
+
  section {
    display: flex;
  }
@ -458,3 +464,23 @@ button,
    left: 0;
  }
 }
+
+.zen-mode-visibility {
+  visibility: visible;
+  opacity: 1;
+  height: auto;
+  width: auto;
+  transition: opacity 0.5s;
+
+  &.zen-mode-visibility--hidden {
+    visibility: hidden;
+    opacity: 0;
+    height: 0;
+    width: 0;
+    transition: opacity 0.5s;
+  }
+}
+
+.disable-pointerEvents {
+  pointer-events: none !important;
+}