Merge pull request #16877 from mauriciofauth/issue-16437

Fix sticky top position when using smaller screen sizes

themes/bootstrap/scss/_common.scss

@@ -3572,6 +3572,10 @@ body .ui-dialog {
     overflow-x: auto;
   }
 
+  .sticky {
+    top: 0;
+  }
+
   body#loginform div.container {
     width: 100%;
   }

themes/metro/scss/_common.scss

@@ -3555,3 +3555,9 @@ body {
     text-align: #{$left};
   }
 }
+
+@media only screen and (max-width: 768px) {
+  .sticky {
+    top: 0;
+  }
+}

themes/original/scss/_common.scss

@@ -3270,6 +3270,10 @@ body {
     overflow-x: auto;
   }
 
+  .sticky {
+    top: 0;
+  }
+
   body#loginform div.container {
     width: 100%;
   }

themes/pmahomme/scss/_common.scss

@@ -3633,6 +3633,10 @@ body .ui-dialog {
     overflow-x: auto;
   }
 
+  .sticky {
+    top: 0;
+  }
+
   body#loginform div.container {
     width: 100%;
   }