Merge pull request #7883 from RocketChat/fix-mobile-popover

[FIX] popover position on mobile
RocketChat · Aug 25, 2017 · 222d942 · 222d942
2 parents 300162d + 788c7ee
commit 222d942
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/rocketchat-theme/client/imports/components/popover.css b/packages/rocketchat-theme/client/imports/components/popover.css
@@ -6,13 +6,17 @@
 		align-items: flex-start;
 	}
 	--rc-popover-open-mobile: {
-		top: initial;
 		position: fixed;
+		top: initial;
 		bottom: 0;
+		left: 0;
+
+		display: inline-block;
+
+		width: 100vw;
 		padding: 8px;
+
 		animation: dropup-show 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
-		width: 100vw;
-		display: inline-block;
 	}
 }