Fixed a lot of responsive problems.

- Fixed auth problem
- Fixed BBCode and Markdown apparition in some unnecessary parts

resources/css/layout/activity.css

@@ -223,7 +223,7 @@
 .activity-tl-card-description {
     font-size: 0.8rem;
     color: var(--text2);
-    white-space: nowrap;
+    word-break: break-word;
     text-overflow: ellipsis;
     line-height: 1.3;
 }
@@ -265,13 +265,15 @@
 @media (max-width: 600px) {
     .activity-tl-header { flex-direction: column; align-items: flex-start; }
     .activity-tl-thumb  { display: none; }
+    .activity-tl-left   { display: none; }
+    .activity-tl-card-description { display: none; }
     .activity-day-sep   { padding-left: 44px; }
     .activity-tl-left   { width: 44px; }
-    
+
     .activity-tl-date {
         font-size: 0.75rem;
     }
-    
+
     .activity-tl-content-title {
         font-size: 0.9rem;
     }
@@ -279,7 +281,7 @@
 
 @media (max-width: 768px) {
     .activity-timeline {
-        padding-left: 50px;
+        padding-left: 0px;
     }
 
     .activity-tl-left {

resources/css/layout/entry.css

@@ -101,6 +101,7 @@
         line-height: 1.6;
         color: var(--text);
         margin-bottom: 30px;
+        word-break: break-word;
     }
 
     .entry-gallery {

resources/css/layout/menu.css

@@ -7,6 +7,7 @@
     flex-shrink: 0;
     transition: transform 0.3s ease;
     z-index: 100;
+    overflow: hidden;
 
     .menu-header {
         padding: 10px;
@@ -44,9 +45,12 @@
     }
 
     .menu-navigation {
-        flex-grow: 1;
+        flex: 1 1 auto;
+        min-height: 0;
         padding: 10px 0;
         overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        overscroll-behavior: contain;
 
         .menu-group {
             margin-bottom: 20px;
@@ -96,7 +100,9 @@
     }
 
     .menu-user {
-        padding: 15px 20px;
+        flex-shrink: 0;
+        margin-top: auto;
+        padding: 15px 20px calc(15px + env(safe-area-inset-bottom)) 20px;
         border-top: 1px solid var(--border);
         display: flex;
         align-items: center;
@@ -131,6 +137,7 @@
             &.username {
                 font-size: 0.9rem;
                 font-weight: 600;
+                text-decoration: none !important;
             }
             &.user_role {
                 font-size: 0.75rem;

resources/css/layout/responsive.css

@@ -8,7 +8,8 @@
         position: fixed;
         left: 0;
         top: 60px;
-        height: calc(100vh - 60px);
+        height: calc(100dvh - 60px);
+        max-height: calc(100dvh - 60px);
         transform: translateX(-100%);
         transition: transform 0.3s ease-in-out;
         z-index: 999;