Marmelator/pdf.js.mirror
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2026-07-27 17:37:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #20741 from calixteman/fix_resizer_position

Browse Source 
Slightly move the resizer on the sidebar (bug 2019585)
This commit is contained in:
Tim van der Meij 2026-02-26 22:00:32 +01:00 committed by GitHub
commit 52efe65f12
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/comment_manager.css
View File

@ -243,6 +243,7 @@
padding-bottom: 16px; padding-bottom: 16px;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
overflow-y: visible;
#editorCommentsSidebarHeader { #editorCommentsSidebarHeader {
width: 100%; width: 100%;

11
web/sidebar.css
View File

@ -29,6 +29,7 @@
--sidebar-max-width: 632px; --sidebar-max-width: 632px;
--sidebar-width: 239px; --sidebar-width: 239px;
--resizer-width: 4px; --resizer-width: 4px;
--resizer-shift: calc(0px - var(--resizer-width) - 2px);
--resizer-hover-bg-color: light-dark(#0062fa, #00cadb); --resizer-hover-bg-color: light-dark(#0062fa, #00cadb);
@media screen and (forced-colors: active) { @media screen and (forced-colors: active) {
@ -49,6 +50,7 @@
max-width: var(--sidebar-max-width); max-width: var(--sidebar-max-width);
backdrop-filter: var(--sidebar-backdrop-filter); backdrop-filter: var(--sidebar-backdrop-filter);
box-sizing: border-box; box-sizing: border-box;
position: relative;
.sidebarResizer { .sidebarResizer {
width: var(--resizer-width); width: var(--resizer-width);
@ -56,9 +58,11 @@
forced-color-adjust: none; forced-color-adjust: none;
cursor: ew-resize; cursor: ew-resize;
position: absolute; position: absolute;
inset-block: calc(var(--sidebar-padding) + var(--sidebar-border-radius)); inset-block: 0;
inset-inline-start: calc(0px - var(--resizer-width) / 2); inset-inline-start: var(--resizer-shift);
transition: background-color 0.5s ease-in-out; transition:
background-color 0.5s ease-in-out,
border-color 0.5s ease-in-out;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid transparent; border: 1px solid transparent;
border-block-width: 0; border-block-width: 0;
@ -66,6 +70,7 @@
&:hover { &:hover {
background-color: var(--resizer-hover-bg-color); background-color: var(--resizer-hover-bg-color);
border-color: white;
} }
&:focus-visible { &:focus-visible {
background-color: var(--resizer-hover-bg-color); background-color: var(--resizer-hover-bg-color);

2
web/views_manager.css
View File

@ -189,7 +189,7 @@
transition-timing-function: var(--sidebar-transition-timing-function); transition-timing-function: var(--sidebar-transition-timing-function);
.sidebarResizer { .sidebarResizer {
inset-inline-start: 100%; inset-inline-start: calc(100% + 4px);
} }
.viewsManagerButton { .viewsManagerButton {