From e6412cd0f5414c875ae877541cb8e38b7ca4327b Mon Sep 17 00:00:00 2001 From: Jiten Date: Sat, 14 Mar 2026 23:32:59 +0530 Subject: [PATCH 1/2] Fix sidebar glitch and improve item transitions --- src/css/sidebar.css | 16 +++++++++++++--- src/css/transitions.css | 5 +++-- 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/src/css/sidebar.css b/src/css/sidebar.css index aca59ae51..6181e077c 100644 --- a/src/css/sidebar.css +++ b/src/css/sidebar.css @@ -5,10 +5,10 @@ .sidebar::before { content: ''; - position: fixed; + position: absolute; bottom: 0; left: 0; - width: 100%; + right: 0; height: 200px; pointer-events: none; background: linear-gradient(to top, #060010, transparent); @@ -21,9 +21,12 @@ } .sidebar { + position: relative; min-width: fit-content; max-width: 160px; padding: 7.5rem 0 6em 0 !important; + overflow-x: hidden; + overscroll-behavior: contain; } @media only screen and (max-width: 967px) { @@ -73,6 +76,12 @@ padding: 0.15em 0; display: flex; align-items: center; + gap: 0.25rem; + min-height: 1.75rem; + line-height: 1.35; + width: 100%; + white-space: nowrap; + overflow: hidden; transition: color 0.2s ease, transform 0.2s ease; @@ -99,7 +108,8 @@ .sidebar-item .updated-tag { margin-left: 0.6em; font-size: 10px; - line-height: 0; + line-height: 1; + flex-shrink: 0; border-radius: 6px; font-weight: 500; padding: 1em 0.4em 0.8em 0.4em; diff --git a/src/css/transitions.css b/src/css/transitions.css index 9269d97c5..1991e8516 100644 --- a/src/css/transitions.css +++ b/src/css/transitions.css @@ -12,11 +12,12 @@ .sidebar-item { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); - padding-left: 0; + /* padding-left: 0; */ } .sidebar-item:hover { - padding-left: 2px; + /* padding-left: 2px; */ + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .sidebar-item.transitioning { From d86f01082a82b7f955b13ad382411505defa901f Mon Sep 17 00:00:00 2001 From: Jiten <89638551+CyberCrypter@users.noreply.github.com> Date: Sat, 14 Mar 2026 23:41:47 +0530 Subject: [PATCH 2/2] Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> --- src/css/transitions.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/src/css/transitions.css b/src/css/transitions.css index 1991e8516..71b74c725 100644 --- a/src/css/transitions.css +++ b/src/css/transitions.css @@ -15,11 +15,6 @@ /* padding-left: 0; */ } -.sidebar-item:hover { - /* padding-left: 2px; */ - transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); -} - .sidebar-item.transitioning { pointer-events: none; }