From db7207d1387ecadde50ef7c75a563984d3bd19e2 Mon Sep 17 00:00:00 2001
From: Guilherme Gazzo <guilhermegazzo@gmail.com>
Date: Wed, 26 Sep 2018 22:19:34 -0300
Subject: [PATCH] [FIX] Position of popover component on mobile (#12038)

---
 .../.app/package-lock.json                    | 20 +++++++++----------
 .../client/imports/components/popover.css     |  1 +
 .../client/imports/general/base.css           |  6 ++++++
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/packages/rocketchat-livechat/.app/package-lock.json b/packages/rocketchat-livechat/.app/package-lock.json
index 41b97562baf..bbfd1e1275a 100644
--- a/packages/rocketchat-livechat/.app/package-lock.json
+++ b/packages/rocketchat-livechat/.app/package-lock.json
@@ -5,12 +5,12 @@
   "requires": true,
   "dependencies": {
     "@babel/runtime": {
-      "version": "7.0.0-beta.51",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.0.0-beta.51.tgz",
-      "integrity": "sha1-SLjtGDBwNMZiD2Q1FGUMoszAFlo=",
+      "version": "7.0.0-beta.52",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.0.0-beta.52.tgz",
+      "integrity": "sha1-PztCuCuStOGig/x43xuy/Uuo0Mc=",
       "requires": {
         "core-js": "2.5.7",
-        "regenerator-runtime": "0.11.1"
+        "regenerator-runtime": "0.12.0"
       }
     },
     "autolinker": {
@@ -1279,9 +1279,9 @@
       }
     },
     "regenerator-runtime": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
-      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.12.0.tgz",
+      "integrity": "sha512-SpV2LhF5Dm9UYMEprB3WwsBnWwqTrmjrm2UZb42cl2G02WVGgx7Mg8aa9pdLEKp6hZ+/abcMc2NxKA8f02EG2w=="
     },
     "sprintf-js": {
       "version": "1.1.1",
@@ -1289,9 +1289,9 @@
       "integrity": "sha1-Nr54Mgr+WAH2zqPueLblqrlA6gw="
     },
     "sweetalert2": {
-      "version": "7.25.4",
-      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-7.25.4.tgz",
-      "integrity": "sha512-FC4acFtZ+ykFGkRhf/+sZffnPXyMGsXRhz870UqBPCLnrPpaiiQS0WhewCnERWZF/aLtJLB+bfcPh2VsQemUBw=="
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-7.25.0.tgz",
+      "integrity": "sha512-RwwhSnnLnTWYug/a7rDV6yWee/E6s13c2qkn61Flw6/ZUauIxcbKXz1bTdb/LBzykumI+bjwsJCLgEaFq6t6WA=="
     },
     "toastr": {
       "version": "2.1.4",
diff --git a/packages/rocketchat-theme/client/imports/components/popover.css b/packages/rocketchat-theme/client/imports/components/popover.css
index f31bf1485a6..ef22fd3a1ef 100644
--- a/packages/rocketchat-theme/client/imports/components/popover.css
+++ b/packages/rocketchat-theme/client/imports/components/popover.css
@@ -241,6 +241,7 @@
 @media (width <= 500px) {
 	.rc-popover {
 		& .rc-popover__content {
+			position: fixed;
 			top: initial !important;
 			bottom: 0;
 			left: 0 !important;
diff --git a/packages/rocketchat-theme/client/imports/general/base.css b/packages/rocketchat-theme/client/imports/general/base.css
index 68afbd5e4a4..6001b1030b6 100644
--- a/packages/rocketchat-theme/client/imports/general/base.css
+++ b/packages/rocketchat-theme/client/imports/general/base.css
@@ -34,6 +34,12 @@ body {
 	-moz-osx-font-smoothing: grayscale;
 }
 
+@media (width <= 500px) {
+	body {
+		position: fixed;
+	}
+}
+
 :focus {
 	outline: 0 !important;
 	outline-style: none;