From f40a346372b36c5f286a9a673c871dd5b46b69d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maur=C3=ADcio=20Meneghini=20Fauth?= <mauricio@fauth.dev>
Date: Tue, 4 May 2021 14:06:34 -0300
Subject: [PATCH] Fix sticky top position when using smaller screen sizes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
---
 themes/bootstrap/scss/_common.scss | 4 ++++
 themes/metro/scss/_common.scss     | 6 ++++++
 themes/original/scss/_common.scss  | 4 ++++
 themes/pmahomme/scss/_common.scss  | 4 ++++
 4 files changed, 18 insertions(+)

diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index 98e9606961..cdeabca247 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -3572,6 +3572,10 @@ body .ui-dialog {
     overflow-x: auto;
   }
 
+  .sticky {
+    top: 0;
+  }
+
   body#loginform div.container {
     width: 100%;
   }
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index 72e2e5c74e..87bece76f8 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -3555,3 +3555,9 @@ body {
     text-align: #{$left};
   }
 }
+
+@media only screen and (max-width: 768px) {
+  .sticky {
+    top: 0;
+  }
+}
diff --git a/themes/original/scss/_common.scss b/themes/original/scss/_common.scss
index 5ad24bec2d..e3cb741584 100644
--- a/themes/original/scss/_common.scss
+++ b/themes/original/scss/_common.scss
@@ -3270,6 +3270,10 @@ body {
     overflow-x: auto;
   }
 
+  .sticky {
+    top: 0;
+  }
+
   body#loginform div.container {
     width: 100%;
   }
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index 7053db481c..2052e1d375 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -3633,6 +3633,10 @@ body .ui-dialog {
     overflow-x: auto;
   }
 
+  .sticky {
+    top: 0;
+  }
+
   body#loginform div.container {
     width: 100%;
   }