fix: Add missing close button if bubble is hidden (#1435)

2020-11-23 10:49:28 +05:30
parent fcf91f60fb
commit 4fe29fefb4
5 changed files with 25 additions and 3 deletions
--- a/app/javascript/widget/assets/scss/woot.scss
+++ b/app/javascript/widget/assets/scss/woot.scss
@@ -34,6 +34,14 @@ body {
  }
 }

+.is-bubble-hidden {
+  .actions {
+    .close-button {
+      display: block !important;
+    }
+  }
+}
+
 .cursor-pointer {
  cursor: pointer;
 }
--- a/app/javascript/widget/views/Router.vue
+++ b/app/javascript/widget/views/Router.vue
@@ -2,7 +2,11 @@
  <div
    id="app"
    class="woot-widget-wrap"
-    :class="{ 'is-mobile': isMobile, 'is-widget-right': !isLeftAligned }"
+    :class="{
+      'is-mobile': isMobile,
+      'is-widget-right': !isLeftAligned,
+      'is-bubble-hidden': hideMessageBubble,
+    }"
  >
    <home
      v-if="!showUnreadView"