Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reduce (some) duplication in the CSS rules for the sidebarViews

Browse Source 
With just a couple of exceptions, for the `thumbnailView`, all of the sidebarViews share the same basic styling which thus allows for some simplification.
This commit is contained in:
Jonas Jenwald 2022-04-12 13:47:13 +02:00
parent f788035a58
commit 3752b8975b
1 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/viewer.css
View File

@ -254,8 +254,6 @@ select {
#outerContainer.sidebarResizing #sidebarContainer { #outerContainer.sidebarResizing #sidebarContainer {
/* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
transition-duration: 0s; transition-duration: 0s;
/* Prevent e.g. the thumbnails being selected when the sidebar is resized. */
user-select: none;
} }
#outerContainer.sidebarMoving #sidebarContainer, #outerContainer.sidebarMoving #sidebarContainer,
@ -1100,13 +1098,21 @@ select {
padding-inline-start: 3px; padding-inline-start: 3px;
} }
#thumbnailView { #thumbnailView,
#outlineView,
#attachmentsView,
#layersView {
position: absolute; position: absolute;
width: calc(100% - 60px); width: calc(100% - 8px);
top: 0; top: 0;
bottom: 0; bottom: 0;
padding: 10px 30px 0; padding: 4px 4px 0;
overflow: auto; overflow: auto;
user-select: none;
}
#thumbnailView {
width: calc(100% - 60px);
padding: 10px 30px 0;
} }
#thumbnailView > a:active, #thumbnailView > a:active,
@ -1167,18 +1173,6 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
#outlineView,
#attachmentsView,
#layersView {
position: absolute;
width: calc(100% - 8px);
top: 0;
bottom: 0;
padding: 4px 4px 0;
overflow: auto;
user-select: none;
}
.treeWithDeepNesting > .treeItem, .treeWithDeepNesting > .treeItem,
.treeItem > .treeItems { .treeItem > .treeItems {
margin-inline-start: 20px; margin-inline-start: 20px;