From b009ccdd655883d7738fc006a70afae2d37b98e5 Mon Sep 17 00:00:00 2001
From: DianaXWiki <139217939+DianaXWiki@users.noreply.github.com>
Date: Sat, 3 Aug 2024 20:51:58 +0300
Subject: [PATCH 1/4] Make button appear at the top of the page for small
 screens #1370

---
 www/calendar/app-calendar.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/www/calendar/app-calendar.less b/www/calendar/app-calendar.less
index bdf59fb6d..3bf3d0202 100644
--- a/www/calendar/app-calendar.less
+++ b/www/calendar/app-calendar.less
@@ -155,6 +155,9 @@
         }
         .tui-full-calendar-popup {
             border-radius: @variables_radius_L;
+            @media screen and (max-width : @browser_media-medium-screen){
+                bottom: 50%;
+            }
         }
         .tui-full-calendar-popup-container {
             min-width: 100%;

From 5ec60cbb2d8c11b710e9ebd74f34e9df7570796d Mon Sep 17 00:00:00 2001
From: DianaXWiki <139217939+DianaXWiki@users.noreply.github.com>
Date: Mon, 5 Aug 2024 18:29:09 +0300
Subject: [PATCH 2/4] Make popup appear at current scroll position #1583

---
 www/calendar/app-calendar.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/www/calendar/app-calendar.less b/www/calendar/app-calendar.less
index 3bf3d0202..55c01559e 100644
--- a/www/calendar/app-calendar.less
+++ b/www/calendar/app-calendar.less
@@ -156,7 +156,8 @@
         .tui-full-calendar-popup {
             border-radius: @variables_radius_L;
             @media screen and (max-width : @browser_media-medium-screen){
-                bottom: 50%;
+                position: fixed;
+                top: 5rem;
             }
         }
         .tui-full-calendar-popup-container {

From fcc3e73db10b1a1821b41892f27cc44eb9b4625d Mon Sep 17 00:00:00 2001
From: David Benque <david@cryptpad.org>
Date: Thu, 8 Aug 2024 16:28:45 +0100
Subject: [PATCH 3/4] Adjust height of the new event modal

- the top of the modal was under the toolbar
- lowered so that rounded corners are visible
---
 www/calendar/app-calendar.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/www/calendar/app-calendar.less b/www/calendar/app-calendar.less
index 55c01559e..0b5f8491d 100644
--- a/www/calendar/app-calendar.less
+++ b/www/calendar/app-calendar.less
@@ -157,7 +157,7 @@
             border-radius: @variables_radius_L;
             @media screen and (max-width : @browser_media-medium-screen){
                 position: fixed;
-                top: 5rem;
+                top: 5.5rem;
             }
         }
         .tui-full-calendar-popup-container {

From edc3c83d9aa884bbcb0ac7f685a1aaa0efd31e5b Mon Sep 17 00:00:00 2001
From: DianaXWiki <139217939+DianaXWiki@users.noreply.github.com>
Date: Thu, 22 Aug 2024 18:04:54 +0300
Subject: [PATCH 4/4] Implement review fix #1583

---
 www/calendar/app-calendar.less | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/www/calendar/app-calendar.less b/www/calendar/app-calendar.less
index 0b5f8491d..2bb7f7291 100644
--- a/www/calendar/app-calendar.less
+++ b/www/calendar/app-calendar.less
@@ -133,6 +133,13 @@
                     width: 540px;
                     max-width: 100%;
                     max-height: 100%;
+                    border-radius: @variables_radius_L;
+                    @media screen and (max-width : @browser_media-medium-screen){
+                        position: fixed;
+                        top: 5.5rem;
+                        overflow-y: auto;
+                        max-height: calc(100% - 6rem);
+                    }
                 }
             }
             #tui-full-calendar-popup-arrow {
@@ -153,13 +160,6 @@
             border-color: @cp_calendar-border !important;
 
         }
-        .tui-full-calendar-popup {
-            border-radius: @variables_radius_L;
-            @media screen and (max-width : @browser_media-medium-screen){
-                position: fixed;
-                top: 5.5rem;
-            }
-        }
         .tui-full-calendar-popup-container {
             min-width: 100%;
             background: @cp_flatpickr-bg;