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

Introduce inset usage in the CSS files

Browse Source 
The `inset` property is a nice shorthand that can be used to avoid having to specify the positions individually; please see
 - https://developer.mozilla.org/en-US/docs/Web/CSS/inset
 - https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline
This commit is contained in:
Jonas Jenwald 2023-03-19 14:30:42 +01:00
parent 33f5d94f23
commit 553c2e05cd
4 changed files with 9 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
test/text_layer_test.css
View File

@ -17,10 +17,7 @@
.textLayer { .textLayer {
position: absolute; position: absolute;
left: 0; inset: 0;
top: 0;
right: 0;
bottom: 0;
line-height: 1; line-height: 1;
opacity: 1; opacity: 1;
} }

10
web/text_layer_builder.css
View File

@ -28,10 +28,7 @@
.textLayer { .textLayer {
position: absolute; position: absolute;
text-align: initial; text-align: initial;
left: 0; inset: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden; overflow: hidden;
opacity: 0.25; opacity: 0.25;
line-height: 1; line-height: 1;
@ -99,10 +96,7 @@
.textLayer .endOfContent { .textLayer .endOfContent {
display: block; display: block;
position: absolute; position: absolute;
left: 0; inset: 100% 0 0;
top: 100%;
right: 0;
bottom: 0;
z-index: -1; z-index: -1;
cursor: default; cursor: default;
user-select: none; user-select: none;

10
web/viewer-geckoview.css
View File

@ -84,20 +84,14 @@ body {
#mainContainer { #mainContainer {
position: absolute; position: absolute;
top: 0; inset: 0;
right: 0;
bottom: 0;
left: 0;
min-width: 350px; min-width: 350px;
} }
#viewerContainer { #viewerContainer {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
top: 0; inset: 0;
right: 0;
bottom: 0;
left: 0;
outline: none; outline: none;
} }
#viewerContainer { #viewerContainer {

18
web/viewer.css
View File

@ -282,10 +282,7 @@ body {
#mainContainer { #mainContainer {
position: absolute; position: absolute;
top: 0; inset: 0;
right: 0;
bottom: 0;
left: 0;
min-width: 350px; min-width: 350px;
} }
@ -302,10 +299,7 @@ body {
#viewerContainer { #viewerContainer {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
top: 32px; inset: 32px 0 0;
right: 0;
bottom: 0;
left: 0;
outline: none; outline: none;
} }
#viewerContainer:not(.pdfPresentationMode) { #viewerContainer:not(.pdfPresentationMode) {
@ -320,8 +314,7 @@ body {
.toolbar { .toolbar {
position: relative; position: relative;
left: 0; inset-inline: 0;
right: 0;
z-index: 9999; z-index: 9999;
cursor: default; cursor: default;
font: message-box; font: message-box;
@ -1404,10 +1397,7 @@ dialog :link {
position: fixed; position: fixed;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
display: block; display: block;
top: 0; inset: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden; overflow: hidden;
z-index: 50000; /* should be higher than anything else in PDF.js! */ z-index: 50000; /* should be higher than anything else in PDF.js! */
} }