[FIX] Position of popover component on mobile (#12038)

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",

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;

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;