Bug: Fix missing close button on mobile chat window (#600)

Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>
2020-03-07 23:39:41 +05:30
parent 8b4df986bf
commit 60dc564f37
8 changed files with 89 additions and 35 deletions
--- a/app/javascript/widget/assets/scss/woot.scss
+++ b/app/javascript/widget/assets/scss/woot.scss
@@ -17,3 +17,36 @@ body {
 .woot-widget-wrap {
  height: 100%;
 }
+
+.close-button {
+  cursor: pointer;
+  position: relative;
+  width: $space-two;
+
+  &::before,
+  &::after {
+    background-color: $color-heading;
+    content: ' ';
+    height: $space-normal;
+    left: $space-small;
+    position: absolute;
+    top: $space-micro;
+    width: 2px;
+  }
+
+  &::before {
+    transform: rotate(45deg);
+  }
+
+  &::after {
+    transform: rotate(-45deg);
+  }
+}
+
+.is-mobile {
+  .header-wrap {
+    .close-button {
+      display: block !important;
+    }
+  }
+}