improve calendar breakpoints

dist/index.css

@@ -655,6 +655,8 @@ body[showing-chat] #chat-page-wrapper {
   gap: var(--gap-between-tiles);
   height: auto;
   max-height: unset;
+}
+#message-page #message-container:not([scroll-hard]) {
   scroll-behavior: smooth;
 }
 .message-bubble {

dist/index.js

@@ -4147,8 +4147,12 @@
         ]
       }
     );
-    function scrollDown() {
+    function scrollDown(hard = false) {
+      if (hard) {
+        messageContainer.setAttribute("scroll-hard", "");
+      }
       messageContainer.scrollTop = messageContainer.scrollHeight;
+      messageContainer.removeAttribute("scroll-hard");
     }
     function scrollDownIfApplicable() {
       const scrollFromBottom = messageContainer.scrollHeight - (messageContainer.scrollTop + messageContainer.offsetHeight);
@@ -4158,7 +4162,7 @@
     messagePageViewModel.chatMessageViewModels.subscribeSilent(
       scrollDownIfApplicable
     );
-    setTimeout(() => scrollDown(), 100);
+    setTimeout(() => scrollDown(true), 100);
     return /* @__PURE__ */ createElement("div", { id: "message-page" }, /* @__PURE__ */ createElement("div", { class: "pane-wrapper" }, /* @__PURE__ */ createElement("div", { class: "pane" }, /* @__PURE__ */ createElement("div", { class: "toolbar" }, /* @__PURE__ */ createElement("span", { class: "title" }, translations.chatPage.message.messagesHeadline)), /* @__PURE__ */ createElement("div", { class: "content" }, messageContainer, /* @__PURE__ */ createElement("div", { id: "composer" }, /* @__PURE__ */ createElement("div", { class: "content-width-constraint" }, /* @__PURE__ */ createElement("div", { class: "input-width-constraint" }, /* @__PURE__ */ createElement(
       "input",
       {

src/View/ChatPages/messagePage.css

@@ -70,7 +70,9 @@
 
     height: auto;
     max-height: unset;
+}
 
+#message-page #message-container:not([scroll-hard]) {
     scroll-behavior: smooth;
 }
 

src/View/ChatPages/messagePage.tsx

@@ -19,8 +19,12 @@ export function MessagePage(messagePageViewModel: MessagePageViewModel) {
         ></div>
     );
 
-    function scrollDown() {
+    function scrollDown(hard: boolean = false) {
+        if (hard) {
+            messageContainer.setAttribute("scroll-hard", "");
+        }
         messageContainer.scrollTop = messageContainer.scrollHeight;
+        messageContainer.removeAttribute("scroll-hard");
     }
     function scrollDownIfApplicable() {
         const scrollFromBottom =
@@ -33,7 +37,7 @@ export function MessagePage(messagePageViewModel: MessagePageViewModel) {
     messagePageViewModel.chatMessageViewModels.subscribeSilent(
         scrollDownIfApplicable,
     );
-    setTimeout(() => scrollDown(), 100);
+    setTimeout(() => scrollDown(true), 100);
 
     return (
         <div id="message-page">