Merge branch 'unstable' into codex/remove-blog-view-and-update-sidebar-link

css/tailwind.source.css

@@ -1976,6 +1976,18 @@
     z-index: var(--z-modal-content);
   }
 
+  #modalContainer > #profileModal {
+    z-index: var(--z-modal-top-root);
+  }
+
+  #modalContainer > #profileModal > .bv-modal-backdrop {
+    z-index: var(--z-modal-top-overlay);
+  }
+
+  #modalContainer > #profileModal .bv-modal__panel {
+    z-index: var(--z-modal-top-content);
+  }
+
   #modalContainer > #playerModal {
     z-index: var(--z-modal-player);
   }
@@ -2324,10 +2336,12 @@
     height: 100vh;
     height: 100dvh;
     color: var(--color-text-frosted-strong);
-    overflow-x: visible;
+    overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     overscroll-behavior: contain;
+    overscroll-behavior-inline: contain;
+    touch-action: pan-y;
     scrollbar-gutter: stable both-edges;
     background: transparent;
     border-right: none;
@@ -2669,7 +2683,7 @@
   .sidebar-dropup-panel {
     position: absolute;
     left: 0;
-    right: calc(var(--space-sidebar-dropup-scroll-reserve) * -1);
+    right: 0;
     bottom: calc(100% + var(--space-sidebar-popover-offset));
     border-radius: var(--radius-xl);
     border: var(--border-width-hairline) solid var(--color-sidebar-border-strong);
@@ -2710,7 +2724,7 @@
     flex-direction: column;
     gap: var(--space-sidebar-popover-gap);
     width: 100%;
-    padding-inline-end: var(--space-sidebar-dropup-scroll-reserve);
+    padding-inline-end: 0;
     max-height: var(--sidebar-dropup-max-height);
     overflow-y: auto;
     overflow-x: hidden;