From 15212205604013c4e1667df2d95f4925c6ef75d4 Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Mon, 19 Aug 2019 17:32:37 +0200
Subject: [PATCH 1/2] fix loading screen spinner color to match CryptPad icon

---
 customize.dist/loading.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/customize.dist/loading.js b/customize.dist/loading.js
index 765ec56f9..11a82f770 100644
--- a/customize.dist/loading.js
+++ b/customize.dist/loading.js
@@ -184,7 +184,7 @@ define([], function () {
     box-sizing: border-box;
     width: 80px;
     height: 80px;
-    border: 11px solid lightgrey;
+    border: 11px solid white;
     border-radius: 50%;
     border-top-color: transparent;
     animation: spin infinite 3s;

From e1477bd32e2e2abbc99fc22c4416486de98d2a2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Desableau?= <ClemDee>
Date: Tue, 20 Aug 2019 01:58:49 +0200
Subject: [PATCH 2/2] Make context submenus don't overflow on Y axis

---
 customize.dist/src/less2/include/contextmenu.less | 4 ----
 www/drive/inner.js                                | 8 +++++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/customize.dist/src/less2/include/contextmenu.less b/customize.dist/src/less2/include/contextmenu.less
index e4d1318ec..023053438 100644
--- a/customize.dist/src/less2/include/contextmenu.less
+++ b/customize.dist/src/less2/include/contextmenu.less
@@ -29,10 +29,6 @@
                 .dropdown-menu {
                     top: -0.7rem;
                     left: 100%;
-                    &.left {
-                        left: 0%;
-                        transform: translate(-100%);
-                    }
                 }
             }
             a {
diff --git a/www/drive/inner.js b/www/drive/inner.js
index ac63b1a33..be0a60f36 100644
--- a/www/drive/inner.js
+++ b/www/drive/inner.js
@@ -498,10 +498,16 @@ define([
             var $el = $(el);
             var $a = $el.children().filter("a");
             var $sub = $el.find(".dropdown-menu").first();
+            var left, bottomOffset;
             var timeoutId;
             var showSubmenu = function () {
                 clearTimeout(timeoutId);
-                $sub.toggleClass("left", $el.offset().left + $el.outerWidth() + $sub.outerWidth() > $(window).width());
+                left = $el.offset().left + $el.outerWidth() + $sub.outerWidth() > $(window).width();
+                bottomOffset = $el.offset().top + $el.outerHeight() + $sub.outerHeight() - $(window).height();
+                $sub.css("left", left ? "0%": "100%");
+                $sub.css("transform", "translate("
+                         + (left ? "-100%" : "0")
+                         + "," + (bottomOffset > 0 ? -(bottomOffset - $el.outerHeight()) : 0) + "px)");
                 $el.siblings().find(".dropdown-menu").hide();
                 $sub.show();
             };