From 241e8c18b99652fd7956f6bc799990bc27cc3a74 Mon Sep 17 00:00:00 2001
From: Calixte Denizet <calixte.denizet@gmail.com>
Date: Thu, 26 Feb 2026 14:23:17 +0100
Subject: [PATCH] Slightly move the resizer on the sidebar (bug 2019585)

And add a white border to the resizer in order to make it visible whatever the background is.
---
 web/comment_manager.css |  1 +
 web/sidebar.css         | 11 ++++++++---
 web/views_manager.css   |  2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/web/comment_manager.css b/web/comment_manager.css
index c7b339434..198984f97 100644
--- a/web/comment_manager.css
+++ b/web/comment_manager.css
@@ -243,6 +243,7 @@
   padding-bottom: 16px;
   flex-direction: column;
   align-items: flex-start;
+  overflow-y: visible;
 
   #editorCommentsSidebarHeader {
     width: 100%;
diff --git a/web/sidebar.css b/web/sidebar.css
index 2a29beb63..5b04d78eb 100644
--- a/web/sidebar.css
+++ b/web/sidebar.css
@@ -29,6 +29,7 @@
   --sidebar-max-width: 632px;
   --sidebar-width: 239px;
   --resizer-width: 4px;
+  --resizer-shift: calc(0px - var(--resizer-width) - 2px);
   --resizer-hover-bg-color: light-dark(#0062fa, #00cadb);
 
   @media screen and (forced-colors: active) {
@@ -49,6 +50,7 @@
   max-width: var(--sidebar-max-width);
   backdrop-filter: var(--sidebar-backdrop-filter);
   box-sizing: border-box;
+  position: relative;
 
   .sidebarResizer {
     width: var(--resizer-width);
@@ -56,9 +58,11 @@
     forced-color-adjust: none;
     cursor: ew-resize;
     position: absolute;
-    inset-block: calc(var(--sidebar-padding) + var(--sidebar-border-radius));
-    inset-inline-start: calc(0px - var(--resizer-width) / 2);
-    transition: background-color 0.5s ease-in-out;
+    inset-block: 0;
+    inset-inline-start: var(--resizer-shift);
+    transition:
+      background-color 0.5s ease-in-out,
+      border-color 0.5s ease-in-out;
     box-sizing: border-box;
     border: 1px solid transparent;
     border-block-width: 0;
@@ -66,6 +70,7 @@
 
     &:hover {
       background-color: var(--resizer-hover-bg-color);
+      border-color: white;
     }
     &:focus-visible {
       background-color: var(--resizer-hover-bg-color);
diff --git a/web/views_manager.css b/web/views_manager.css
index f3d08d75f..48d8d718f 100644
--- a/web/views_manager.css
+++ b/web/views_manager.css
@@ -189,7 +189,7 @@
   transition-timing-function: var(--sidebar-transition-timing-function);
 
   .sidebarResizer {
-    inset-inline-start: 100%;
+    inset-inline-start: calc(100% + 4px);
   }
 
   .viewsManagerButton {