Merge pull request online-go#2471 from GreenAsJade/better_rdh_on_phoneas

Put RDH popups at the bottom of the screen on phones
GreenAsJade · Dec 29, 2023 · e69d1ad · e69d1ad
2 parents 8110ff4 + edb5f44
commit e69d1ad
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/views/HelpFlows/HelpFlows.styl b/src/views/HelpFlows/HelpFlows.styl
@@ -25,6 +25,15 @@
     padding: 0.2rem;
     font-size: 1.0rem;
     box-shadow: 0 0.2rem 0.5rem 0.2rem rgba(0,0,0,0.2);
+
+    // Don't try to position RDH popups near the target on a phone
+    // Instead, put them at the bottom of the screen.
+    @media only screen and (max-width 800px) {
+        bottom: 0 !important;
+        left: 0 !important;
+        right: auto !important;
+        top: auto !important;
+    }
 }
 
 .rdh-help-item>.rdh-popup-dismissers {