From 9669f8248e530412a9ef4a467f6a4c2499d374c5 Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Wed, 14 Jul 2021 13:36:58 +1000
Subject: [PATCH] Make sure right menu is still visible when URL is long

---
 backend/static/styles/styles.css  | 7 +++++++
 backend/static/styles/styles.scss | 8 ++++++++
 backend/templates/base.html       | 2 +-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/backend/static/styles/styles.css b/backend/static/styles/styles.css
index e1b1d831..6a8b2fc0 100644
--- a/backend/static/styles/styles.css
+++ b/backend/static/styles/styles.css
@@ -239,6 +239,13 @@ footer {
 #feed-icon {
   vertical-align: middle; }
 
+#top-right-menu {
+  position: absolute;
+  right: 0px;
+  background: linear-gradient(to right, #fff0, #fff 10%);
+  padding-left: 20px;
+  padding-right: 10px; }
+
 .sticky-tab {
   position: absolute;
   top: 80px;
diff --git a/backend/static/styles/styles.scss b/backend/static/styles/styles.scss
index 8042dd1f..2bcef5ab 100644
--- a/backend/static/styles/styles.scss
+++ b/backend/static/styles/styles.scss
@@ -312,6 +312,14 @@ footer {
   vertical-align: middle;
 }
 
+#top-right-menu {
+    position: absolute;
+    right: 0px;
+    background: linear-gradient(to right, #fff0, #fff 10%);
+    padding-left: 20px;
+    padding-right: 10px;
+}
+
 .sticky-tab {
   position: absolute;
   top: 80px;
diff --git a/backend/templates/base.html b/backend/templates/base.html
index 745588ad..cc53ac69 100644
--- a/backend/templates/base.html
+++ b/backend/templates/base.html
@@ -31,7 +31,7 @@
         {% endif %}
         {% endif %}
 
-        <ul class="pure-menu-list">
+        <ul class="pure-menu-list"  id="top-right-menu">
         {% if current_user.is_authenticated or not has_password %}
             {% if not current_diff_url %}
             <li class="pure-menu-item">