From 911a246d8d9f776190ea7a48011fe0adcd68ba90 Mon Sep 17 00:00:00 2001 From: Ludy87 Date: Wed, 9 Jul 2025 22:35:53 +0200 Subject: [PATCH] return --- .stylelintrc.json | 36 ++- package.json | 12 - .../resources/static/css/audit-dashboard.css | 16 -- .../resources/static/css/modern-tables.css | 2 +- .../main/resources/static/css/add-image.css | 4 +- .../main/resources/static/css/dragdrop.css | 5 +- .../static/css/edit-table-of-contents.css | 5 +- .../main/resources/static/css/errorBanner.css | 2 +- .../main/resources/static/css/fileSelect.css | 43 +++- .../src/main/resources/static/css/footer.css | 3 - .../src/main/resources/static/css/game.css | 8 - .../src/main/resources/static/css/general.css | 10 +- .../main/resources/static/css/home-legacy.css | 18 +- .../src/main/resources/static/css/home.css | 14 +- .../resources/static/css/imageHighlighter.css | 1 - .../main/resources/static/css/licenses.css | 1 - .../src/main/resources/static/css/login.css | 4 +- .../src/main/resources/static/css/merge.css | 1 - .../main/resources/static/css/multi-tool.css | 22 +- .../src/main/resources/static/css/navbar.css | 34 +-- .../main/resources/static/css/pdfActions.css | 5 +- .../main/resources/static/css/pipeline.css | 1 - .../resources/static/css/rainbow-mode.css | 10 +- .../src/main/resources/static/css/redact.css | 30 ++- .../main/resources/static/css/removeImage.css | 1 - .../src/main/resources/static/css/sign.css | 21 +- .../static/css/split-pdf-by-sections.css | 1 - .../src/main/resources/static/css/stamp.css | 2 +- .../resources/static/css/tab-container.css | 4 +- .../static/css/theme/componentes.css | 62 +++-- .../main/resources/static/css/theme/font.css | 4 +- .../main/resources/static/css/theme/theme.css | 8 +- .../resources/static/css/theme/theme.dark.css | 1 - .../static/css/theme/theme.light.css | 1 - .../static/pdfjs-legacy/css/debugger.css | 14 +- .../static/pdfjs-legacy/css/viewer-redact.css | 166 ++++++++----- .../static/pdfjs-legacy/css/viewer.css | 219 +++++++++--------- 37 files changed, 396 insertions(+), 395 deletions(-) diff --git a/.stylelintrc.json b/.stylelintrc.json index c39582456..d676c0159 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -3,13 +3,14 @@ "stylelint-config-standard" ], "plugins": [ - "@stylistic/stylelint-plugin" - ], + "@stylistic/stylelint-plugin" + ], "ignoreFiles": [ "stirling-pdf/src/main/resources/static/css/bootstrap*.css", "stirling-pdf/src/main/resources/static/css/cookieconsent.css", "stirling-pdf/src/main/resources/static/css/cookieconsentCustomisation.css", - "stirling-pdf/src/main/resources/static/css/prism.css" + "stirling-pdf/src/main/resources/static/css/prism.css", + "stirling-pdf/src/main/resources/static/pdfjs-legacy/**/*.css" ], "rules": { "property-no-vendor-prefix": null, @@ -33,11 +34,36 @@ "disableFix": true } ], - "comment-empty-line-before": null, "comment-word-disallowed-list": null, "custom-property-pattern": null, "no-descending-specificity": null, "keyframes-name-pattern": null, - "@stylistic/declaration-block-trailing-semicolon": "always" + "comment-empty-line-before": [ + "always", + { + "ignore": [ + "stylelint-commands" + ] + } + ], + "block-no-empty": true, + "@stylistic/declaration-bang-space-after": "never", + "@stylistic/declaration-bang-space-before": "always", + "@stylistic/declaration-block-trailing-semicolon": "always", + "@stylistic/function-comma-space-after": [ + "always-single-line", + { + "disableFix": false + } + ], + "@stylistic/function-comma-space-before": "never", + "@stylistic/color-hex-case": "lower", + "@stylistic/declaration-block-semicolon-newline-after": "always", + "@stylistic/indentation": [ + 2, + { + "baseIndentLevel": 2 + } + ] } } diff --git a/package.json b/package.json index ace309a26..e7f69e0f5 100644 --- a/package.json +++ b/package.json @@ -1,21 +1,9 @@ { "name": "stirling-pdf", "version": "1.0.0", - "description": "PDF utilities for Stirling", "scripts": { "lint:css": "stylelint \"stirling-pdf/src/main/**/*.css\" \"proprietary/src/main/resources/static/css/*.css\" --fix" }, - "repository": { - "type": "git", - "url": "git+https://github.com/Stirling-Tools/Stirling-PDF.git" - }, - "keywords": [], - "author": "", - "license": "MIT", - "bugs": { - "url": "https://github.com/Stirling-Tools/Stirling-PDF/issues" - }, - "homepage": "https://github.com/Stirling-Tools/Stirling-PDF#readme", "devDependencies": { "@stylistic/stylelint-plugin": "^3.1.3", "stylelint": "^16.21.1", diff --git a/proprietary/src/main/resources/static/css/audit-dashboard.css b/proprietary/src/main/resources/static/css/audit-dashboard.css index 4afcdcc7e..51531c04e 100644 --- a/proprietary/src/main/resources/static/css/audit-dashboard.css +++ b/proprietary/src/main/resources/static/css/audit-dashboard.css @@ -16,28 +16,23 @@ .card-body { background-color: var(--md-sys-color-surface-container); } - .stat-card { text-align: center; padding: 20px; } - .stat-number { font-size: 2rem; font-weight: bold; } - .stat-label { font-size: 1rem; color: var(--md-sys-color-on-surface-variant); } - .chart-container { position: relative; height: 300px; width: 100%; } - .filter-card { margin-bottom: 20px; padding: 15px; @@ -45,7 +40,6 @@ border: 1px solid var(--md-sys-color-outline-variant); border-radius: 4px; } - .loading-overlay { position: absolute; top: 0; @@ -58,7 +52,6 @@ align-items: center; z-index: 1000; } - .level-indicator { display: inline-block; padding: 5px 10px; @@ -66,23 +59,18 @@ color: white; font-weight: bold; } - .level-0 { background-color: var(--md-sys-color-error, #dc3545); /* Red */ } - .level-1 { background-color: var(--md-sys-color-secondary, #fd7e14); /* Orange */ } - .level-2 { background-color: var(--md-nav-section-color-other, #28a745); /* Green */ } - .level-3 { background-color: var(--md-sys-color-tertiary, #17a2b8); /* Teal */ } - /* Custom data table styling */ .audit-table { font-size: 0.9rem; @@ -101,7 +89,6 @@ .audit-table tbody tr:hover { background-color: var(--md-sys-color-surface-container-high); } - .audit-table th { background-color: var(--md-sys-color-surface-container-high); color: var(--md-sys-color-on-surface); @@ -110,11 +97,9 @@ z-index: 10; font-weight: bold; } - .table-responsive { max-height: 600px; } - .pagination-container { display: flex; justify-content: space-between; @@ -140,7 +125,6 @@ color: var(--bs-secondary); background-color: var(--bs-light); } - .json-viewer { background-color: var(--md-sys-color-surface-container-low); color: var(--md-sys-color-on-surface); diff --git a/proprietary/src/main/resources/static/css/modern-tables.css b/proprietary/src/main/resources/static/css/modern-tables.css index 037535551..156c39fed 100644 --- a/proprietary/src/main/resources/static/css/modern-tables.css +++ b/proprietary/src/main/resources/static/css/modern-tables.css @@ -383,7 +383,7 @@ width: 100%; padding: 0.75rem 1rem; border-radius: 0.5rem; - border: 1px solid; + border: 1px solid } .text-overflow { diff --git a/stirling-pdf/src/main/resources/static/css/add-image.css b/stirling-pdf/src/main/resources/static/css/add-image.css index 891b8012d..f51da024f 100644 --- a/stirling-pdf/src/main/resources/static/css/add-image.css +++ b/stirling-pdf/src/main/resources/static/css/add-image.css @@ -4,7 +4,7 @@ } #pdf-canvas { - box-shadow: 0 0 8px rgba(0, 0, 0, 0.384); + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384); width: 100%; } @@ -33,7 +33,7 @@ position: absolute; touch-action: none; user-select: none; - top: 0; + top: 0px; left: 0; } diff --git a/stirling-pdf/src/main/resources/static/css/dragdrop.css b/stirling-pdf/src/main/resources/static/css/dragdrop.css index 07e600aca..8f3304562 100644 --- a/stirling-pdf/src/main/resources/static/css/dragdrop.css +++ b/stirling-pdf/src/main/resources/static/css/dragdrop.css @@ -15,7 +15,7 @@ position: fixed; max-width: 200px; max-height: 200px; - box-shadow: 0 0 12px rgba(0, 0, 0, 0.58); + box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.58); transform-origin: top left; } @@ -68,6 +68,7 @@ html[dir="rtl"] .drag-manager_draghover img { .drag-manager_endpoint svg { width: 50px; height: 50px; + display: block; position: absolute; left: 50%; @@ -84,12 +85,10 @@ html[dir="rtl"] .drag-manager_draghover img { from { width: 0; } - to { width: 80px; } } - .moved-element img { border: 8px solid #198754; border-radius: 3px; diff --git a/stirling-pdf/src/main/resources/static/css/edit-table-of-contents.css b/stirling-pdf/src/main/resources/static/css/edit-table-of-contents.css index 28f21efee..11a4bf777 100644 --- a/stirling-pdf/src/main/resources/static/css/edit-table-of-contents.css +++ b/stirling-pdf/src/main/resources/static/css/edit-table-of-contents.css @@ -17,7 +17,7 @@ margin-bottom: 12px; border: 1px solid var(--border-item, #e9ecef); border-radius: 0.5rem; - background-color: var(--bg-item, var(--md-sys-color-surface-container-lowest, #fff)); + background-color: var(--bg-item, var(--md-sys-color-surface-container-lowest, #ffffff)); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); overflow: hidden; } @@ -197,7 +197,6 @@ [data-bs-theme="dark"] .bookmark-content input, [data-bs-theme="dark"] .bookmark-content label { --input-text: var(--md-sys-color-on-surface, #e9ecef); - background-color: var(--input-bg, var(--md-sys-color-surface-container-high, #3a424a)); border-color: var(--input-border, var(--md-sys-color-outline, #495057)); } @@ -265,7 +264,7 @@ padding: 30px; text-align: center; color: var(--text-muted, var(--md-sys-color-on-surface-variant, #6c757d)); - background-color: var(--bg-empty, var(--md-sys-color-surface-container-lowest, #fff)); + background-color: var(--bg-empty, var(--md-sys-color-surface-container-lowest, #ffffff)); border-radius: 0.375rem; border: 1px dashed var(--border-empty, var(--md-sys-color-outline, #ced4da)); } diff --git a/stirling-pdf/src/main/resources/static/css/errorBanner.css b/stirling-pdf/src/main/resources/static/css/errorBanner.css index 31b7feb9c..adeb3dfac 100644 --- a/stirling-pdf/src/main/resources/static/css/errorBanner.css +++ b/stirling-pdf/src/main/resources/static/css/errorBanner.css @@ -1,5 +1,5 @@ #errorContainer { - margin: 1rem 0 2rem; + margin: 1rem 0rem 2rem; border-radius: 3rem; } diff --git a/stirling-pdf/src/main/resources/static/css/fileSelect.css b/stirling-pdf/src/main/resources/static/css/fileSelect.css index e9432b527..8a305e4b8 100644 --- a/stirling-pdf/src/main/resources/static/css/fileSelect.css +++ b/stirling-pdf/src/main/resources/static/css/fileSelect.css @@ -2,9 +2,9 @@ display: flex; flex-direction: column; position: relative; + min-height: 55px; border-radius: 1rem; - --selected-files-display: none; } @@ -12,13 +12,13 @@ position: relative; border-radius: 1rem; border: 1px dashed rgb(105, 116, 134); + column-gap: 7px; row-gap: 7px; height: 150px; width: 100%; --overlay-display: none; - transition: background-color 0.5s linear; } @@ -26,11 +26,13 @@ outline: none; border: none; background-color: var(--md-sys-color-surface-container-low); + -webkit-transition: box-shadow 1s ease, background-color 2s linear; -moz-transition: box-shadow 1s ease, background-color 2s linear; -o-transition: box-shadow 1s ease, background-color 2s linear; -ms-transition: box-shadow 1s ease, background-color 2s linear; transition: box-shadow 1s ease, background-color 2s linear; + box-shadow: 0 0 10px rgb(105, 116, 134); cursor: pointer; } @@ -44,13 +46,18 @@ .input-container::before { display: var(--overlay-display); position: absolute; + content: ''; + top: 0; left: 0; + height: 100%; width: 100%; + background-color: var(--md-sys-color-surface); z-index: 1; + white-space: pre; border-radius: 1rem; } @@ -58,16 +65,22 @@ .input-container::after { display: var(--overlay-display); position: absolute; + content: attr(data-text); font-size: 0.9rem; font-weight: 550; color: var(--md-sys-color-on-surface); + background-color: transparent; + min-width: 150px; + top: 50%; left: 50%; + transform: translateX(-50%) translateY(-50%); text-align: center; + z-index: 2; } @@ -142,12 +155,15 @@ .file-input-btn { display: inline-block; + border: 1px solid #ccc; padding: 6px 12px; cursor: pointer; + color: #212529; font-size: 1rem; border-radius: 3rem; + background-color: #DDE0E3; } @@ -182,6 +198,7 @@ text-overflow: ellipsis; white-space: nowrap; color: var(--md-sys-color-on-surface); + max-width: 60px; font-size: 0.75rem; } @@ -190,6 +207,7 @@ overflow: hidden; text-overflow: ellipsis; color: grey; + max-width: 60px; font-size: 10px; } @@ -198,10 +216,12 @@ display: flex; justify-content: center; align-items: center; + position: absolute; height: 15px; width: 15px; - right: 0; + + right: 0px; top: -17px; } @@ -214,15 +234,19 @@ user-select: none; } -.remove-selected-file::after { +.remove-selected-file:after { content: ''; position: absolute; + left: 1; + width: 10px; height: 10px; border-radius: 50%; + background-color: white; z-index: 2; + user-select: none; pointer-events: none; } @@ -241,10 +265,13 @@ padding-right: 3px; padding-top: 15px; padding-bottom: 15px; + flex: 1; white-space: pre-wrap; + row-gap: 12px; column-gap: 5px; + border-radius: 1rem; border: 1px solid rgb(105, 116, 134, 0.5); } @@ -307,20 +334,20 @@ transition-duration: 0.4s; border-radius: 0.5rem; box-shadow: 0 0 5px var(--md-sys-color-on-surface-variant); - background-color: var(--md-sys-color-on-surface-container-high); + background-color: var(--md-sys-color-on-surface-container-high) } .horizontal-divider { width: 85%; border-top: 1px dashed; - padding: 0; + padding: 0px; margin: 10px; } .google-drive-button img { - width:100%; + width:100% } .google-drive-button:hover { - background-color: var(--md-sys-color-on-surface-variant); + background-color: var(--md-sys-color-on-surface-variant) } diff --git a/stirling-pdf/src/main/resources/static/css/footer.css b/stirling-pdf/src/main/resources/static/css/footer.css index 0a456383d..274be2178 100644 --- a/stirling-pdf/src/main/resources/static/css/footer.css +++ b/stirling-pdf/src/main/resources/static/css/footer.css @@ -19,7 +19,6 @@ text-align: center; /* Centers the text inside the div */ width: 100%; /* Full width to center the text properly */ } - .stirling-link { text-decoration: none; /* Remove the underline */ color: inherit; /* Keep the text color the same as the surrounding text */ @@ -31,7 +30,6 @@ .stirling-link:hover { color: #007BFF; /* Change the color on hover to a noticeable link color */ } - .footer-icon { font-size: 2rem; } @@ -57,7 +55,6 @@ .footer-link { font-size: 1rem; /* Adjust font size for smaller screens */ } - .footer-link-list{ flex-direction: column; /* Stack links vertically on smaller screens */ } diff --git a/stirling-pdf/src/main/resources/static/css/game.css b/stirling-pdf/src/main/resources/static/css/game.css index 583b8fd06..fc2f7262d 100644 --- a/stirling-pdf/src/main/resources/static/css/game.css +++ b/stirling-pdf/src/main/resources/static/css/game.css @@ -14,23 +14,19 @@ .projectile { position: absolute; } - .pdf { width: 50px; height: 50px; } - .player { width: 50px; height: 50px; } - .projectile { background-color: black !important; width: 5px; height: 10px; } - #score, #level, #lives, @@ -40,22 +36,18 @@ position: absolute; font-size: calc(14px + 0.25vw); /* Reduced font size */ } - #score { top: 10px; left: 10px; } - #lives { top: 10px; left: calc(9vw); /* Adjusted position */ } - #high-score { top: 10px; left: calc(14vw); /* Adjusted position */ } - #level { top: 10px; right: 10px; diff --git a/stirling-pdf/src/main/resources/static/css/general.css b/stirling-pdf/src/main/resources/static/css/general.css index 46932cb6d..f94eef705 100644 --- a/stirling-pdf/src/main/resources/static/css/general.css +++ b/stirling-pdf/src/main/resources/static/css/general.css @@ -27,7 +27,7 @@ max-width: 100%; //Allows the container to expand up to full width margin-left: auto; margin-right: auto; -} */ +}*/ html[dir="ltr"] * { @@ -73,7 +73,7 @@ html[dir="rtl"] * { html[dir="rtl"] input.form-check-input { position: relative; - margin-left: 0; + margin-left: 0px; } html[dir="rtl"] label.form-check-label { @@ -90,17 +90,17 @@ html[dir="rtl"] label.form-check-label { } #pdf-canvas { - box-shadow: 0 0 8px rgba(0, 0, 0, 0.384); + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384); width: 100%; } .fixed-shadow-canvas { - box-shadow: 0 0 8px rgba(0, 0, 0, 0.384); + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384); width: 100%; } .shadow-canvas { - box-shadow: 0 0 8px rgba(0, 0, 0, 0.384); + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384); } .hidden { diff --git a/stirling-pdf/src/main/resources/static/css/home-legacy.css b/stirling-pdf/src/main/resources/static/css/home-legacy.css index 61bccf39c..3539edd1f 100644 --- a/stirling-pdf/src/main/resources/static/css/home-legacy.css +++ b/stirling-pdf/src/main/resources/static/css/home-legacy.css @@ -61,7 +61,7 @@ .feature-group-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 3fr)); - gap: 30px; + gap: 30px 30px; overflow: hidden; margin: -20px; padding: 20px; @@ -99,7 +99,7 @@ transform 0.3s, border 0.3s; transform-origin: center center; - outline: 0 solid transparent; + outline: 0px solid transparent; position:relative; } @@ -145,7 +145,7 @@ } #tool-text { - margin: 0.0 0 0 1.25rem; + margin: 0.0rem 0 0 1.25rem; } .card-title { @@ -171,8 +171,7 @@ } .jumbotron { - padding: 3rem; - + padding: 3rem 3rem; /* Reduce vertical padding */ } @@ -185,23 +184,20 @@ .lookatme::after { color: #e33100; text-shadow: 0 0 5px #e33100; - /* in the html, the data-lookatme-text attribute must */ - /* contain the same text as the .lookatme element */ content: attr(data-lookatme-text); padding: inherit; position: absolute; - inset: 0; + inset: 0 0 0 0; z-index: 1; - /* 20 steps / 2 seconds = 10fps */ -webkit-animation: 2s infinite Pulse steps(20); animation: 2s infinite Pulse steps(20); } @keyframes Pulse { - 0% { + from { opacity: 0; } @@ -209,7 +205,7 @@ opacity: 1; } - 100% { + to { opacity: 0; } } diff --git a/stirling-pdf/src/main/resources/static/css/home.css b/stirling-pdf/src/main/resources/static/css/home.css index 1524c670c..fc1a8c3fb 100644 --- a/stirling-pdf/src/main/resources/static/css/home.css +++ b/stirling-pdf/src/main/resources/static/css/home.css @@ -49,7 +49,7 @@ } #tool-text { - margin: 0.0 0 0 1.25rem; + margin: 0.0rem 0 0 1.25rem; } .favorite-icon img { @@ -65,8 +65,7 @@ } .jumbotron { - padding: 3rem; - + padding: 3rem 3rem; /* Reduce vertical padding */ } @@ -79,16 +78,13 @@ .lookatme::after { color: #e33100; text-shadow: 0 0 5px #e33100; - /* in the html, the data-lookatme-text attribute must */ - /* contain the same text as the .lookatme element */ content: attr(data-lookatme-text); padding: inherit; position: absolute; - inset: 0; + inset: 0 0 0 0; z-index: 1; - /* 20 steps / 2 seconds = 10fps */ -webkit-animation: 2s infinite Pulse steps(20); animation: 2s infinite Pulse steps(20); @@ -96,9 +92,8 @@ .newfeature{ display: flex; - width:fit-content; + width:fit-content } - .recent-features{ display: flex; flex-direction: row; @@ -111,7 +106,6 @@ .close-icon { color: var(--favourite-remove) !important; } - .add-icon { color: var(--favourite-add) !important; } diff --git a/stirling-pdf/src/main/resources/static/css/imageHighlighter.css b/stirling-pdf/src/main/resources/static/css/imageHighlighter.css index 80744235f..397c0c548 100644 --- a/stirling-pdf/src/main/resources/static/css/imageHighlighter.css +++ b/stirling-pdf/src/main/resources/static/css/imageHighlighter.css @@ -36,7 +36,6 @@ transform: scale(0.8); opacity: 0; } - to { transform: scale(1); opacity: 1; diff --git a/stirling-pdf/src/main/resources/static/css/licenses.css b/stirling-pdf/src/main/resources/static/css/licenses.css index 7399240e0..79abdc34b 100644 --- a/stirling-pdf/src/main/resources/static/css/licenses.css +++ b/stirling-pdf/src/main/resources/static/css/licenses.css @@ -5,6 +5,5 @@ td a { td a:hover, td a:focus { text-decoration: underline; - /* Adds underline on hover/focus for clarity */ } diff --git a/stirling-pdf/src/main/resources/static/css/login.css b/stirling-pdf/src/main/resources/static/css/login.css index bb972cc98..7ed2a90b3 100644 --- a/stirling-pdf/src/main/resources/static/css/login.css +++ b/stirling-pdf/src/main/resources/static/css/login.css @@ -54,11 +54,11 @@ body { } .form-signin .form-floating { - margin: 1rem 0; + margin: 1rem 0px; } input[type="checkbox" i] { - margin: 0 5px; + margin: 0px 5px; vertical-align: middle; } diff --git a/stirling-pdf/src/main/resources/static/css/merge.css b/stirling-pdf/src/main/resources/static/css/merge.css index 7da94e1a6..dc3c76571 100644 --- a/stirling-pdf/src/main/resources/static/css/merge.css +++ b/stirling-pdf/src/main/resources/static/css/merge.css @@ -17,7 +17,6 @@ display: flex; justify-content: flex-end; } - .arrows .btn { margin: 0 3px; } diff --git a/stirling-pdf/src/main/resources/static/css/multi-tool.css b/stirling-pdf/src/main/resources/static/css/multi-tool.css index 8181e043a..0f104be14 100644 --- a/stirling-pdf/src/main/resources/static/css/multi-tool.css +++ b/stirling-pdf/src/main/resources/static/css/multi-tool.css @@ -9,7 +9,7 @@ label { text-align: left; display: block; - padding: 0 0.25rem; + padding: 0rem 0.25rem; font-size: 1.25rem; } @@ -31,7 +31,7 @@ label { z-index: 11; padding: 1.25rem; border-radius: 2rem; - margin: 0 25px; + margin: 0px 25px; justify-content: center; } @@ -40,7 +40,7 @@ label { } .mt-file-uploader { - width:100%; + width: 100%; } .mt-action-bar svg, @@ -99,7 +99,7 @@ label { padding: 0.75rem; border-radius: 25px; min-height: 275px; - margin: 0 0 20px; + margin: 0 0 20px 0; } #pages-container { @@ -250,7 +250,7 @@ label { left: 50%; top: 50%; translate: -50% -50%; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.384); + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.384); border-radius: 4px; transition: rotate 0.3s; } @@ -304,7 +304,7 @@ label { } .selected-pages-header h5 { - margin: 0 0 8px !important; + margin: 0 0 8px 0 !important; font-size: 1.1rem; font-weight: 600; color: var(--md-sys-color-on-surface); @@ -382,13 +382,11 @@ label { padding: 12px 24px; border-radius: 2.5rem; } - .mt-action-btn .btn { width: 4rem; height: 4rem; border-radius: 22px; } - .mt-action-btn .btn .material-symbols-rounded { font-size: 1.7rem; } @@ -400,13 +398,11 @@ label { padding: 15px 30px; border-radius: 3rem; } - .mt-action-btn .btn { width: 5rem; height: 5rem; border-radius: 28px; } - .mt-action-btn .btn .material-symbols-rounded { font-size: 2.1rem; } @@ -418,13 +414,11 @@ label { padding: 20px 40px; border-radius: 4rem; } - .mt-action-btn .btn { width: 7rem; height: 7rem; border-radius: 40px; } - .mt-action-btn .btn .material-symbols-rounded { font-size: 3rem; } @@ -436,13 +430,11 @@ label { padding: 40px 80px; border-radius: 8rem; } - .mt-action-btn .btn { width: 14rem; height: 14rem; border-radius: 80px; } - .mt-action-btn .btn .material-symbols-rounded { font-size: 6rem; } @@ -629,3 +621,5 @@ label { max-height: calc(100% - 4px) !important; } } + + diff --git a/stirling-pdf/src/main/resources/static/css/navbar.css b/stirling-pdf/src/main/resources/static/css/navbar.css index 377aca689..cf5bba667 100644 --- a/stirling-pdf/src/main/resources/static/css/navbar.css +++ b/stirling-pdf/src/main/resources/static/css/navbar.css @@ -8,8 +8,7 @@ #navbarSearch.show { height: auto; - - /* dynamically changes height */ + /*dynamically changes height*/ } #searchResults .dropdown-item { @@ -17,10 +16,8 @@ align-items: center; white-space: nowrap; height: 50px; - /* Fixed height */ overflow: hidden; - /* Hide overflow */ } @@ -31,23 +28,19 @@ #searchResults .icon-text { display: inline; overflow: hidden; - /* Hide overflow */ text-overflow: ellipsis; - /* Add ellipsis for long text */ } #search-icon i { font-size: 24px; - /* Adjust this to your desired size */ transition: color 0.3s; } #search-icon:hover i { color: #666; - /* Adjust this to your hover color */ } @@ -57,10 +50,8 @@ .search-input:focus { border-color: #666; - /* Adjust this to your focus color */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - /* Adjust this to your desired shadow */ } @@ -168,13 +159,12 @@ .scalable-languages-container { display: grid; - /* Auto-fill columns, with a minimum width of 180px */ grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } .scalable-languages-container:not(:has(> :nth-child(4))) .lang-dropdown-item-wrapper:last-child { - border: 0 !important; + border: 0px !important } .scalable-languages-container:has(> *:nth-child(1)) { @@ -200,7 +190,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper { /* Responsive adjustments */ @media (min-width: 1200px) { .lang-dropdown-item-wrapper .dropdown-item { - min-width: 200px; + min-width: 200px } } @@ -214,7 +204,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper { } .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) { - border: 0; + border: 0px } } @@ -228,7 +218,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper { } .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) { - border: 0; + border: 0px } } @@ -242,7 +232,7 @@ html[dir="rtl"] .lang-dropdown-item-wrapper { } .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(4n) { - border: 0; + border: 0px } } @@ -275,7 +265,6 @@ span.icon-text::after { .nav-item-separator { position: relative; margin: 0 4px; - /* Adjust the margin as needed */ } @@ -284,12 +273,10 @@ span.icon-text::after { position: absolute; left: 0; top: 10%; - /* Adjust the top and bottom margins as needed */ bottom: 10%; width: 1px; background-color: #ccc; - /* Adjust the color as needed */ } @@ -336,7 +323,7 @@ span.icon-text::after { max-height: 360px; } -/* Dropdown Scrollbar */ +/* Dropdown Scrollbar*/ .scrollable-y { overflow-y: scroll; max-height: 190px; @@ -534,7 +521,7 @@ html[dir="rtl"] .dropdown-menu { padding: 0.25rem 0.5rem; font-size: 0.75rem; font-weight: bold; - color: #fff; + color: #ffffff; background-color: #007bff; border-radius: 0.25rem; text-transform: uppercase; @@ -582,7 +569,6 @@ html[dir="rtl"] .dropdown-menu { .feature-rows.single-column { justify-content: center; - /* Center-align a single column */ } @@ -634,7 +620,7 @@ html[dir="rtl"] .dropdown-menu { @keyframes Pulse { - 0% { + from { opacity: 0; } @@ -642,7 +628,7 @@ html[dir="rtl"] .dropdown-menu { opacity: 1; } - 100% { + to { opacity: 0; } } diff --git a/stirling-pdf/src/main/resources/static/css/pdfActions.css b/stirling-pdf/src/main/resources/static/css/pdfActions.css index 4432c11f4..bde4e5bac 100644 --- a/stirling-pdf/src/main/resources/static/css/pdfActions.css +++ b/stirling-pdf/src/main/resources/static/css/pdfActions.css @@ -2,8 +2,9 @@ z-index: 4; opacity: 0; transition: opacity 0.1s linear; + position: absolute !important; - bottom: 0; + bottom: 0px; left: 50%; transform: translate(-50%, 0%); } @@ -27,7 +28,7 @@ .pdf-actions_button-container> :first-child, .pdf-actions_container:first-child>.pdf-actions_button-container> :first-child+* { - border-radius: 12px 0 0 12px; + border-radius: 12px 0px 0px 12px; } .pdf-actions_container svg { diff --git a/stirling-pdf/src/main/resources/static/css/pipeline.css b/stirling-pdf/src/main/resources/static/css/pipeline.css index f1c81897a..2b7218f7f 100644 --- a/stirling-pdf/src/main/resources/static/css/pipeline.css +++ b/stirling-pdf/src/main/resources/static/css/pipeline.css @@ -18,7 +18,6 @@ .element-margin { margin: 1rem 0; - /* Adjust this value to increase/decrease the margin as needed */ } diff --git a/stirling-pdf/src/main/resources/static/css/rainbow-mode.css b/stirling-pdf/src/main/resources/static/css/rainbow-mode.css index b73f42fea..921423a5c 100644 --- a/stirling-pdf/src/main/resources/static/css/rainbow-mode.css +++ b/stirling-pdf/src/main/resources/static/css/rainbow-mode.css @@ -15,7 +15,6 @@ body { rgba(255, 0, 0, 1) 100% ); color: #fff !important; - --body-background-color: 255, 255, 255; --base-font-color: 33, 37, 41; } @@ -37,7 +36,6 @@ body { ) !important; color: white !important; } - .jumbotron { background: linear-gradient( 90deg, @@ -71,9 +69,8 @@ body { rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100% ) !important; - color: #fff !important; + color: fff !important; } - .list-group-item { background: linear-gradient( 90deg, @@ -89,9 +86,8 @@ body { rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100% ) !important; - color: #fff !important; + color: fff !important; } - #support-section { background: linear-gradient( 90deg, @@ -113,5 +109,5 @@ body { --background-color: rgba(255, 255, 255, 0.046) !important; --scroll-bar-color: #4c4c4c !important; --scroll-bar-thumb: #d3d3d3 !important; - --scroll-bar-thumb-hover: #fff !important; + --scroll-bar-thumb-hover: #ffffff !important; } diff --git a/stirling-pdf/src/main/resources/static/css/redact.css b/stirling-pdf/src/main/resources/static/css/redact.css index 81a83f669..bc59dda44 100644 --- a/stirling-pdf/src/main/resources/static/css/redact.css +++ b/stirling-pdf/src/main/resources/static/css/redact.css @@ -1,5 +1,5 @@ :root { - --page-redaction-color: #000; + --page-redaction-color: #000000; } .textLayer span::selection, @@ -15,27 +15,36 @@ } .selected-wrapper:hover:not(:has(.redaction-overlay:hover)) { - outline-color: var(--palette-color, #000); - background-color: var(--palette-color, #000); + outline-color: var(--palette-color, #000000); + background-color: var(--palette-color, #000000); z-index: 10; transition: background-color 0.065s linear; + cursor: pointer; } .redaction-overlay { display: flex; position: absolute; + left: 50%; top: 100%; + min-width: 25px; max-width: 90px; + min-height: 25px; + flex-wrap: nowrap; + column-gap: 5px; row-gap: 2px; + border-radius: 2px; padding: 2px; + box-sizing: border-box; + background-color: rgb(0 96 170); outline: 1px solid gray; translate: -50% -100%; @@ -44,8 +53,10 @@ .redaction-overlay svg { height: 25px; width: 25px; + max-width: 35px; max-height: 35px; + fill: rgba(255, 255, 255, 0.904); user-select: none; } @@ -62,7 +73,7 @@ } .rectangle { - border: 2px solid #f00; + border: 2px solid #ff0000; position: absolute; } @@ -90,6 +101,7 @@ html { #man-text-select-redact, #man-shape-redact, #downloadBtn, #uploadBtn, #pageBasedRedactionBtn, #pdfToImageBtn, #showMoreBtn { height: var(--toolButton-height); width: var(--toolButton-width); + border-radius: var(--toolButton-border-radius); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; user-select: none; @@ -121,6 +133,7 @@ html { #redactionsPaletteContainer { height: var(--toolButton-height); width: var(--toolButton-width); + border-radius: var(--toolButton-border-radius); overflow: hidden; } @@ -133,6 +146,7 @@ html { #redactions-palette { display: inline; position: relative; + border-bottom: 8px solid var(--palette-color); border-radius: inherit; border-bottom-left-radius: 0; @@ -146,7 +160,7 @@ html { height: 6px; width: 100%; left: 0; - bottom: 0; + bottom: 0px; background-color: var(--palette-color); } @@ -187,11 +201,11 @@ html { .splitToolbarButton > .btn-primary, .splitToolbarButton > .btn-secondary, .splitToolbarButton > .toolbarButton { margin-left: 3px; margin-right: 3px; - border:none; + border:none } .splitToolbarButton > .btn-success, .splitToolbarButton > .btn-secondary, .splitToolbarButton > .toolbarButton { - border:none; + border:none } @@ -279,9 +293,11 @@ html { .redacted-thumbnail-preview:hover::after { content: ''; background-color: var(--page-redaction-color); + position: absolute; left: 0; top: 0; + height: var(--thumbnail-height); width: var(--thumbnail-width); } diff --git a/stirling-pdf/src/main/resources/static/css/removeImage.css b/stirling-pdf/src/main/resources/static/css/removeImage.css index c2663ad44..4f2be4034 100644 --- a/stirling-pdf/src/main/resources/static/css/removeImage.css +++ b/stirling-pdf/src/main/resources/static/css/removeImage.css @@ -11,7 +11,6 @@ display: flex; justify-content: flex-end; } - .arrows .btn { margin: 0 3px; } diff --git a/stirling-pdf/src/main/resources/static/css/sign.css b/stirling-pdf/src/main/resources/static/css/sign.css index 38a3dcb7b..39ea4c9be 100644 --- a/stirling-pdf/src/main/resources/static/css/sign.css +++ b/stirling-pdf/src/main/resources/static/css/sign.css @@ -1,10 +1,8 @@ select#font-select, select#font-select option { height: 60px; - /* Adjust as needed */ font-size: 30px; - /* Adjust as needed */ } @@ -62,29 +60,25 @@ select#font-select option { position: absolute; touch-action: none; user-select: none; - top: 0; + top: 0px; left: 0; z-index: 100; cursor: grab; transition: transform 0.1s ease-out; background-color: rgba(52, 152, 219, 0.1); - /* Light blue background */ } .draggable-canvas:active { cursor: grabbing; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); - /* Shadow on active drag */ } .draggable-canvas:hover { border: 2px solid #2980b9; - /* Darker border on hover */ background-color: rgba(52, 152, 219, 0.2); - /* Darken background on hover */ } @@ -176,7 +170,7 @@ select#font-select option { } .custom-select select { - display: none; /* hide original SELECT element: */ + display: none; /*hide original SELECT element: */ } .select-selected { @@ -187,7 +181,7 @@ select#font-select option { } /* Style the arrow inside the select element: */ -.select-selected::after { +.select-selected:after { position: absolute; content: ""; top: 50%; @@ -196,12 +190,12 @@ select#font-select option { width: 0; height: 0; border: 6px solid transparent; - border-color: #fff transparent transparent; + border-color: #fff transparent transparent transparent; } /* Point the arrow upwards when the select box is open (active): */ -.select-selected.select-arrow-active::after { - border-color: transparent transparent #fff; +.select-selected.select-arrow-active:after { + border-color: transparent transparent #fff transparent; translate: 0 -75%; } @@ -215,7 +209,8 @@ select#font-select option { .select-items div { border: 1px solid transparent; - border-color: transparent; + border-color: transparent transparent transparent transparent; + line-height: 30px; font-size: 30px; } diff --git a/stirling-pdf/src/main/resources/static/css/split-pdf-by-sections.css b/stirling-pdf/src/main/resources/static/css/split-pdf-by-sections.css index 7490f94f7..7520c10e5 100644 --- a/stirling-pdf/src/main/resources/static/css/split-pdf-by-sections.css +++ b/stirling-pdf/src/main/resources/static/css/split-pdf-by-sections.css @@ -4,7 +4,6 @@ border: 1px solid black; /* Represents the PDF page */ position: relative; } - .line { position: absolute; background-color: red; /* Line color */ diff --git a/stirling-pdf/src/main/resources/static/css/stamp.css b/stirling-pdf/src/main/resources/static/css/stamp.css index 20e690542..9fed61782 100644 --- a/stirling-pdf/src/main/resources/static/css/stamp.css +++ b/stirling-pdf/src/main/resources/static/css/stamp.css @@ -37,5 +37,5 @@ } .selectedPosition.selectedHovered { - background-color: #060; + background-color: #006600; } diff --git a/stirling-pdf/src/main/resources/static/css/tab-container.css b/stirling-pdf/src/main/resources/static/css/tab-container.css index 0b7c6700e..cf0486508 100644 --- a/stirling-pdf/src/main/resources/static/css/tab-container.css +++ b/stirling-pdf/src/main/resources/static/css/tab-container.css @@ -4,22 +4,20 @@ .tab-container { display: none; } - .tab-container.active { display: block; border: 1px solid rgba(var(--base-font-color), 0.25); padding: 15px; } - .tab-buttons > button { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; color: rgb(var(--base-font-color)); + border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } - .tab-buttons > button.active { background-color: rgb(var(--body-background-color)); border-color: rgba(var(--base-font-color), 0.25) rgba(var(--base-font-color), 0.25) rgb(var(--body-background-color)); diff --git a/stirling-pdf/src/main/resources/static/css/theme/componentes.css b/stirling-pdf/src/main/resources/static/css/theme/componentes.css index 6d3e8ff53..c10806ff7 100644 --- a/stirling-pdf/src/main/resources/static/css/theme/componentes.css +++ b/stirling-pdf/src/main/resources/static/css/theme/componentes.css @@ -11,18 +11,18 @@ textarea { } -/* .global-buttons-container input:disabled::-webkit-input-placeholder { !* WebKit browsers *! */ -/* color: #98A0AB; */ -/* } */ -/* .global-buttons-container input:disabled:-moz-placeholder { !* Mozilla Firefox 4 to 18 *! */ -/* color: #98A0AB; */ -/* } */ -/* .global-buttons-container input:disabled::-moz-placeholder { !* Mozilla Firefox 19+ *! */ -/* color: #98A0AB; */ -/* } */ -/* .global-buttons-container input:disabled:-ms-input-placeholder { !* Internet Explorer 10+ *! */ -/* color: #98A0AB; */ -/* } */ +/*.global-buttons-container input:disabled::-webkit-input-placeholder { !* WebKit browsers *!*/ +/* color: #98A0AB;*/ +/*}*/ +/*.global-buttons-container input:disabled:-moz-placeholder { !* Mozilla Firefox 4 to 18 *!*/ +/* color: #98A0AB;*/ +/*}*/ +/*.global-buttons-container input:disabled::-moz-placeholder { !* Mozilla Firefox 19+ *!*/ +/* color: #98A0AB;*/ +/*}*/ +/*.global-buttons-container input:disabled:-ms-input-placeholder { !* Internet Explorer 10+ *!*/ +/* color: #98A0AB;*/ +/*}*/ /* Scrollbar */ *::-webkit-scrollbar { background: var(--md-sys-color-surface); @@ -40,7 +40,7 @@ textarea { } *::-webkit-scrollbar-corner { - background-color: var(--md-sys-color-surface); + background-color: var(--md-sys-color-surface); } /* Alerts */ @@ -54,7 +54,7 @@ td { } .input-group-append { - margin: 0 0.5rem !important; + margin: 0rem 0.5rem !important; } .card-header { @@ -86,11 +86,12 @@ td { .modal-body, .modal-footer { background-color: var(--md-sys-color-surface-5); + border: none; } .modal-header { - border-radius: 2rem 2rem 0 0; + border-radius: 2rem 2rem 0rem 0rem; padding: 1.5rem 2rem 0.5rem; } @@ -99,7 +100,7 @@ td { } .modal-footer { - border-radius: 0 0 2rem 2rem; + border-radius: 0rem 0rem 2rem 2rem; padding: 0.5rem 2rem 1.5rem; } @@ -108,7 +109,7 @@ td { vertical-align: text-top; } -/* Navbar Icon */ +/* Navbar Icon*/ .nav-icon { color: var(--md-sys-color-surface); } @@ -174,13 +175,13 @@ td { background-color: var(--md-nav-section-color-ppt); } -/* Tool Page Header */ +/* Tool Page Header*/ .tool-header { margin-bottom: 2rem; } .tool-header .tool-header-icon { - margin: 0 1rem; + margin: 0px 1rem; height: 4rem; width: 4rem; border-radius: 25px; @@ -199,7 +200,7 @@ td { vertical-align: middle; } -/* Home Card Colors */ +/* Home Card Colors*/ .feature-card .nav-icon { vertical-align: middle; font-size: 2rem !important; @@ -562,13 +563,12 @@ fieldset:disabled .btn { .form-range{ margin-top: 0.25rem; } - .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary); + box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary) } .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary); + box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary) } .form-range::-webkit-slider-thumb { @@ -577,11 +577,11 @@ fieldset:disabled .btn { .form-range::-webkit-slider-thumb:active { - background-color: var(--md-sys-color-primary); + background-color: var(--md-sys-color-primary) } .form-range::-webkit-slider-runnable-track { - background-color: var(--md-sys-color-on-primary); + background-color: var(--md-sys-color-on-primary) } .form-range::-moz-range-thumb { @@ -692,7 +692,6 @@ fieldset:disabled .btn { .form-check > input:first-child:disabled + input[type="hidden"] + label::before { pointer-events: none; cursor: default; - /* stylelint-disable-next-line declaration-property-value-no-unknown */ filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; @@ -903,7 +902,6 @@ textarea.form-control { border-radius: 3rem; font-variation-settings: var(--md-sys-icon-fill-1); } - .dropdown-item.no-hover:hover, .dropdown-item.no-hover:focus { color: var(--md-sys-color-on-surface) !important; @@ -929,26 +927,26 @@ textarea.form-control { } .list-group-item:first-child { - border-radius: 1rem 1rem 0 0; + border-radius: 1rem 1rem 0rem 0rem; } .list-group-item:last-child { - border-radius: 0 0 1rem 1rem; + border-radius: 0rem 0rem 1rem 1rem; } .list-group-item:only-child { - border-radius: 1rem; + border-radius: 1rem 1rem 1rem 1rem; } .list-group-item .btn { padding: .375rem .5rem; } -/* Alert */ +/*Alert */ .alert-container { padding: 2rem 3rem; border-radius: 3rem; - margin: 1rem 0 2rem; + margin: 1rem 0rem 2rem; } .alert-header { diff --git a/stirling-pdf/src/main/resources/static/css/theme/font.css b/stirling-pdf/src/main/resources/static/css/theme/font.css index a11d1a2d5..a90b14a90 100644 --- a/stirling-pdf/src/main/resources/static/css/theme/font.css +++ b/stirling-pdf/src/main/resources/static/css/theme/font.css @@ -2,13 +2,12 @@ font-family: 'Material Symbols Rounded'; font-style: normal; font-weight: 100 700; - src: url("../../fonts/google-symbol.woff2") format('woff2'); + src: url(../../fonts/google-symbol.woff2) format('woff2'); } .material-symbols-rounded { - /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */ font-family: 'Material Symbols Rounded'; font-weight: 300; font-style: normal; @@ -21,6 +20,5 @@ word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; - font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } diff --git a/stirling-pdf/src/main/resources/static/css/theme/theme.css b/stirling-pdf/src/main/resources/static/css/theme/theme.css index f4fc84fee..e1ef98c83 100644 --- a/stirling-pdf/src/main/resources/static/css/theme/theme.css +++ b/stirling-pdf/src/main/resources/static/css/theme/theme.css @@ -7,20 +7,16 @@ --md-sys-color-surface-3: color-mix(in srgb, var(--md-sys-color-primary) 13%, rgba(0, 0, 255, 0.11) 5%); --md-sys-color-surface-4: color-mix(in srgb, var(--md-sys-color-primary) 13%, rgba(0, 0, 255, 0.12) 5%); --md-sys-color-surface-5: color-mix(in srgb, var(--md-sys-color-primary) 13%, rgba(0, 0, 255, 0.14) 5%); - /* Icon fill */ --md-sys-icon-fill-0: 'FILL' 0, 'wght' 500; --md-sys-icon-fill-1: 'FILL' 1, 'wght' 500; - /* Hover Color */ --md-sys-state-hover-opacity: color-mix(in srgb, var(--md-sys-color-primary), rgba(0, 0, 0, 0) 80%); - /* Shadow */ - --md-sys-color-shadow: #000; + --md-sys-color-shadow: #000000; --md-elevation-shadow-color-rgb: 0, 0, 0; --md-elevation-shadow-color: var(--md-elevation-shadow-color-rgb); - - /* Shadow Elevation */ + /* Shadow Elevation*/ --md-sys-elevation-0: 0px 0px 0px 0px rgb(var(--md-elevation-shadow-color), 0.2), 0px 0px 0px 0px rgb(var(--md-elevation-shadow-color), 0.14), 0px 0px 0px 0px rgb(var(--md-elevation-shadow-color), 0.12); --md-sys-elevation-1: 0px 3px 1px -2px rgb(var(--md-elevation-shadow-color), 0.2), 0px 2px 2px 0px rgb(var(--md-elevation-shadow-color), 0.14), 0px 1px 5px 0px rgb(var(--md-elevation-shadow-color), 0.12); --md-sys-elevation-2: 0px 2px 4px -1px rgb(var(--md-elevation-shadow-color), 0.2), 0px 4px 5px 0px rgb(var(--md-elevation-shadow-color), 0.14), 0px 1px 10px 0px rgb(var(--md-elevation-shadow-color), 0.12); diff --git a/stirling-pdf/src/main/resources/static/css/theme/theme.dark.css b/stirling-pdf/src/main/resources/static/css/theme/theme.dark.css index b51a4282b..411c8f14c 100644 --- a/stirling-pdf/src/main/resources/static/css/theme/theme.dark.css +++ b/stirling-pdf/src/main/resources/static/css/theme/theme.dark.css @@ -49,7 +49,6 @@ --md-sys-color-surface-container: rgb(28 32 38); --md-sys-color-surface-container-high: rgb(38 42 49); --md-sys-color-surface-container-highest: rgb(49 53 60); - /* Tools Color */ --md-nav-section-color-opacity: 1; --md-nav-on-section-color-opacity: 1; diff --git a/stirling-pdf/src/main/resources/static/css/theme/theme.light.css b/stirling-pdf/src/main/resources/static/css/theme/theme.light.css index 02f1b39bd..f4bfc4065 100644 --- a/stirling-pdf/src/main/resources/static/css/theme/theme.light.css +++ b/stirling-pdf/src/main/resources/static/css/theme/theme.light.css @@ -49,7 +49,6 @@ --md-sys-color-surface-container: rgb(235 238 247); --md-sys-color-surface-container-high: rgb(229 232 241); --md-sys-color-surface-container-highest: rgb(223 226 235); - /* Tools Color */ --md-nav-section-color-opacity: 1; --md-nav-on-section-color-opacity: 1; diff --git a/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/debugger.css b/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/debugger.css index 8380bf5de..b9d9f8190 100644 --- a/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/debugger.css +++ b/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/debugger.css @@ -21,7 +21,6 @@ #PDFBug :is(input, button, select) { font: message-box; } - #PDFBug { background-color: rgb(255 255 255); border: 1px solid rgb(102 102 102); @@ -33,58 +32,47 @@ padding: 0; width: var(--panel-width); } - #PDFBug .controls { background: rgb(238 238 238); border-bottom: 1px solid rgb(102 102 102); padding: 3px; } - #PDFBug .panels { inset: 27px 0 0; overflow: auto; position: absolute; } - #PDFBug .panels > div { padding: 5px; } - #PDFBug button.active { font-weight: bold; } - .debuggerShowText, .debuggerHideText:hover { background-color: rgb(255 255 0 / 0.25); } - #PDFBug .stats { - font-family: courier, monospace; + font-family: courier; font-size: 10px; white-space: pre; } - #PDFBug .stats .title { font-weight: bold; } - #PDFBug table { font-size: 10px; white-space: pre; } - #PDFBug table.showText { border-collapse: collapse; text-align: center; } - #PDFBug table.showText, #PDFBug table.showText :is(tr, td) { border: 1px solid black; padding: 1px; } - #PDFBug table.showText td.advance { color: grey; } diff --git a/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/viewer-redact.css b/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/viewer-redact.css index e64f48bb4..a5de6cecb 100644 --- a/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/viewer-redact.css +++ b/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/viewer-redact.css @@ -22,19 +22,23 @@ --hover-filter: brightness(0.9); --focus-ring-color: #0060df; --focus-ring-outline: 2px solid var(--focus-ring-color); + --textarea-border-color: #8f8f9d; --textarea-bg-color: white; --textarea-fg-color: var(--text-secondary-color); + --radio-bg-color: #f0f0f4; --radio-checked-bg-color: #fbfbfe; --radio-border-color: #8f8f9d; --radio-checked-border-color: #0060df; + --button-secondary-bg-color: #f0f0f4; --button-secondary-fg-color: var(--text-primary-color); --button-secondary-border-color: var(--button-secondary-bg-color); --button-secondary-hover-bg-color: var(--button-secondary-bg-color); --button-secondary-hover-fg-color: var(--button-secondary-fg-color); --button-secondary-hover-border-color: var(--button-secondary-hover-bg-color); + --button-primary-bg-color: #0060df; --button-primary-fg-color: #fbfbfe; --button-primary-hover-bg-color: var(--button-primary-bg-color); @@ -62,10 +66,13 @@ --text-secondary-color: #cfcfd8; --focus-ring-color: #0df; --hover-filter: brightness(1.4); + --textarea-bg-color: #42414d; + --radio-bg-color: #2b2a33; --radio-checked-bg-color: #15141a; --radio-checked-border-color: #0df; + --button-secondary-bg-color: #2b2a33; --button-primary-bg-color: #0df; --button-primary-fg-color: #15141a; @@ -80,10 +87,13 @@ --text-secondary-color: #cfcfd8; --focus-ring-color: #0df; --hover-filter: brightness(1.4); + --textarea-bg-color: #42414d; + --radio-bg-color: #2b2a33; --radio-checked-bg-color: #15141a; --radio-checked-border-color: #0df; + --button-secondary-bg-color: #2b2a33; --button-primary-bg-color: #0df; --button-primary-fg-color: #15141a; @@ -98,18 +108,22 @@ --text-secondary-color: CanvasText; --hover-filter: none; --focus-ring-color: ButtonBorder; + --textarea-border-color: ButtonBorder; --textarea-bg-color: Field; --textarea-fg-color: ButtonText; + --radio-bg-color: ButtonFace; --radio-checked-bg-color: ButtonFace; --radio-border-color: ButtonText; --radio-checked-border-color: ButtonText; + --button-secondary-bg-color: ButtonFace; --button-secondary-fg-color: ButtonText; --button-secondary-border-color: ButtonText; --button-secondary-hover-bg-color: AccentColor; --button-secondary-hover-fg-color: AccentColorText; + --button-primary-bg-color: ButtonText; --button-primary-fg-color: ButtonFace; --button-primary-hover-bg-color: AccentColor; @@ -1028,6 +1042,7 @@ } @media print { + .xfaTextfield, .xfaSelect { background: transparent; @@ -1128,6 +1143,7 @@ --size-item-small: 16px; --size-item-large: 32px; --color-canvas: white; + --toggle-background-color: var(--button-background-color); --toggle-background-color-hover: var(--button-background-color-hover); --toggle-background-color-active: var(--button-background-color-active); @@ -1151,7 +1167,9 @@ --toggle-dot-transform-x: calc(var(--toggle-width) - 4 * var(--toggle-dot-margin) - var(--toggle-dot-width)); -webkit-appearance: none; + -moz-appearance: none; + appearance: none; padding: 0; margin: 0; @@ -1348,10 +1366,10 @@ --resizer-size: 6px; --resizer-shift: calc(0px - (var(--outline-width) + var(--resizer-size)) / 2 - var(--outline-around-width)); --editorFreeText-editing-cursor: text; - --editorInk-editing-cursor: url("../images/cursor-editorInk.svg") 0 16, pointer; - --editorHighlight-editing-cursor: url("../images/cursor-editorTextHighlight.svg") 24 24, + --editorInk-editing-cursor: url(../images/cursor-editorInk.svg) 0 16, pointer; + --editorHighlight-editing-cursor: url(../images/cursor-editorTextHighlight.svg) 24 24, text; - --editorFreeHighlight-editing-cursor: url("../images/cursor-editorFreeHighlight.svg") 1 18, + --editorFreeHighlight-editing-cursor: url(../images/cursor-editorFreeHighlight.svg) 1 18, pointer; } @@ -1383,7 +1401,7 @@ @media (min-resolution: 1.1dppx) { :root { - --editorFreeText-editing-cursor: url("../images/cursor-editorFreeText.svg") 0 16, + --editorFreeText-editing-cursor: url(../images/cursor-editorFreeText.svg) 0 16, text; } } @@ -1486,9 +1504,9 @@ :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar { - --editor-toolbar-delete-image: url("../images/editor-toolbar-delete.svg"); + --editor-toolbar-delete-image: url(../images/editor-toolbar-delete.svg); --editor-toolbar-bg-color: #f0f0f4; - --editor-toolbar-highlight-image: url("../images/toolbarButton-editorHighlight.svg"); + --editor-toolbar-highlight-image: url(../images/toolbarButton-editorHighlight.svg); --editor-toolbar-fg-color: #2e2e56; --editor-toolbar-border-color: #8f8f9d; --editor-toolbar-hover-border-color: var(--editor-toolbar-border-color); @@ -1512,9 +1530,11 @@ pointer-events: auto; box-sizing: content-box; padding: var(--editor-toolbar-padding); + position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + var(--editor-toolbar-vert-offset)); + border-radius: 6px; background-color: var(--editor-toolbar-bg-color); border: 1px solid var(--editor-toolbar-border-color); @@ -1522,6 +1542,7 @@ } @media (prefers-color-scheme: dark) { + :where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar { --editor-toolbar-bg-color: #2b2a33; @@ -1540,6 +1561,7 @@ } @media screen and (forced-colors: active) { + :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar { --editor-toolbar-bg-color: ButtonFace; @@ -1676,8 +1698,8 @@ :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar .buttons .altText { - --alt-text-add-image: url("../images/altText_add.svg"); - --alt-text-done-image: url("../images/altText_done.svg"); + --alt-text-add-image: url(../images/altText_add.svg); + --alt-text-done-image: url(../images/altText_done.svg); display: flex; align-items: center; @@ -1750,14 +1772,17 @@ width: max-content; height: auto; font-size: 12px; + border: 0.5px solid var(--alt-text-tooltip-border); background: var(--alt-text-tooltip-bg); box-shadow: var(--alt-text-tooltip-shadow); color: var(--alt-text-tooltip-fg); + pointer-events: none; } @media (prefers-color-scheme: dark) { + :where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar .buttons .altText .tooltip.show { --alt-text-tooltip-bg: #1c1b22; @@ -1774,6 +1799,7 @@ } @media screen and (forced-colors: active) { + :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor), .textLayer) .editToolbar .buttons .altText .tooltip.show { --alt-text-tooltip-bg: Canvas; @@ -1812,7 +1838,7 @@ height: 100%; } -.annotationEditorLayer freetexteditor .overlay.enabled { +.annotationEditorLayer freeTextEditor .overlay.enabled { display: block; } @@ -2059,8 +2085,8 @@ } .dialog.altText::backdrop { - -webkit-mask: url("#alttext-manager-mask"); - mask: url("#alttext-manager-mask"); + -webkit-mask: url(#alttext-manager-mask); + mask: url(#alttext-manager-mask); } .dialog.altText.positioned { @@ -2213,7 +2239,7 @@ } .annotationEditorLayer .highlightEditor .editToolbar { - --editor-toolbar-colorpicker-arrow-image: url("../images/toolbarButton-menuArrow.svg"); + --editor-toolbar-colorpicker-arrow-image: url(../images/toolbarButton-menuArrow.svg); transform-origin: center !important; } @@ -2650,17 +2676,21 @@ html[data-toolbar-density="touch"] { --dir-factor: 1; --inline-start: left; --inline-end: right; + --sidebar-width: 200px; --sidebar-transition-duration: 200ms; --sidebar-transition-timing-function: ease; + --toolbar-height: 3.75rem; --toolButton-height: 3rem; --toolButton-width: 3rem; --toolButton-icon-font-size: 2.5rem; --toolButton-border-radius: 15px; + --toolbar-icon-opacity: 0.7; --doorhanger-icon-opacity: 0.9; --editor-toolbar-base-offset: 105px; + --main-color: rgb(12 12 13); --body-bg-color: rgb(212 212 215); --progressBar-color: rgb(10 132 255); @@ -2670,6 +2700,7 @@ html[data-toolbar-density="touch"] { --scrollbar-bg-color: auto; --toolbar-icon-bg-color: rgb(0 0 0); --toolbar-icon-hover-bg-color: rgb(0 0 0); + --sidebar-narrow-bg-color: rgb(212 212 215 / 0.9); --sidebar-toolbar-bg-color: rgb(245 246 247); --toolbar-bg-color: rgb(249 249 250); @@ -2705,49 +2736,50 @@ html[data-toolbar-density="touch"] { --dialog-button-border: none; --dialog-button-bg-color: rgb(12 12 13 / 0.1); --dialog-button-hover-bg-color: rgb(12 12 13 / 0.3); - --loading-icon: url("../images/loading.svg"); - --treeitem-expanded-icon: url("../images/treeitem-expanded.svg"); - --treeitem-collapsed-icon: url("../images/treeitem-collapsed.svg"); - --toolbarButton-editorFreeText-icon: url("../images/toolbarButton-editorFreeText.svg"); - --toolbarButton-editorHighlight-icon: url("../images/toolbarButton-editorHighlight.svg"); - --toolbarButton-editorInk-icon: url("../images/toolbarButton-editorInk.svg"); - --toolbarButton-editorStamp-icon: url("../images/toolbarButton-editorStamp.svg"); - --toolbarButton-menuArrow-icon: url("../images/toolbarButton-menuArrow.svg"); - --toolbarButton-sidebarToggle-icon: url("../images/toolbarButton-sidebarToggle.svg"); - --toolbarButton-secondaryToolbarToggle-icon: url("../images/toolbarButton-secondaryToolbarToggle.svg"); - --toolbarButton-pageUp-icon: url("../images/toolbarButton-pageUp.svg"); - --toolbarButton-pageDown-icon: url("../images/toolbarButton-pageDown.svg"); - --toolbarButton-zoomOut-icon: url("../images/toolbarButton-zoomOut.svg"); - --toolbarButton-zoomIn-icon: url("../images/toolbarButton-zoomIn.svg"); - --toolbarButton-presentationMode-icon: url("../images/toolbarButton-presentationMode.svg"); - --toolbarButton-print-icon: url("../images/toolbarButton-print.svg"); - --toolbarButton-openFile-icon: url("../images/toolbarButton-openFile.svg"); - --toolbarButton-download-icon: url("../images/toolbarButton-download.svg"); - --toolbarButton-bookmark-icon: url("../images/toolbarButton-bookmark.svg"); - --toolbarButton-viewThumbnail-icon: url("../images/toolbarButton-viewThumbnail.svg"); - --toolbarButton-viewOutline-icon: url("../images/toolbarButton-viewOutline.svg"); - --toolbarButton-viewAttachments-icon: url("../images/toolbarButton-viewAttachments.svg"); - --toolbarButton-viewLayers-icon: url("../images/toolbarButton-viewLayers.svg"); - --toolbarButton-currentOutlineItem-icon: url("../images/toolbarButton-currentOutlineItem.svg"); - --toolbarButton-search-icon: url("../images/toolbarButton-search.svg"); - --toolbarButton-backToHome-icon: url("../images/toolbarButton-home.svg"); - --findbarButton-previous-icon: url("../images/findbarButton-previous.svg"); - --findbarButton-next-icon: url("../images/findbarButton-next.svg"); - --secondaryToolbarButton-firstPage-icon: url("../images/secondaryToolbarButton-firstPage.svg"); - --secondaryToolbarButton-lastPage-icon: url("../images/secondaryToolbarButton-lastPage.svg"); - --secondaryToolbarButton-rotateCcw-icon: url("../images/secondaryToolbarButton-rotateCcw.svg"); - --secondaryToolbarButton-rotateCw-icon: url("../images/secondaryToolbarButton-rotateCw.svg"); - --secondaryToolbarButton-selectTool-icon: url("../images/secondaryToolbarButton-selectTool.svg"); - --secondaryToolbarButton-handTool-icon: url("../images/secondaryToolbarButton-handTool.svg"); - --secondaryToolbarButton-scrollPage-icon: url("../images/secondaryToolbarButton-scrollPage.svg"); - --secondaryToolbarButton-scrollVertical-icon: url("../images/secondaryToolbarButton-scrollVertical.svg"); - --secondaryToolbarButton-scrollHorizontal-icon: url("../images/secondaryToolbarButton-scrollHorizontal.svg"); - --secondaryToolbarButton-scrollWrapped-icon: url("../images/secondaryToolbarButton-scrollWrapped.svg"); - --secondaryToolbarButton-spreadNone-icon: url("../images/secondaryToolbarButton-spreadNone.svg"); - --secondaryToolbarButton-spreadOdd-icon: url("../images/secondaryToolbarButton-spreadOdd.svg"); - --secondaryToolbarButton-spreadEven-icon: url("../images/secondaryToolbarButton-spreadEven.svg"); - --secondaryToolbarButton-documentProperties-icon: url("../images/secondaryToolbarButton-documentProperties.svg"); - --editorParams-stampAddImage-icon: url("../images/toolbarButton-zoomIn.svg"); + + --loading-icon: url(../images/loading.svg); + --treeitem-expanded-icon: url(../images/treeitem-expanded.svg); + --treeitem-collapsed-icon: url(../images/treeitem-collapsed.svg); + --toolbarButton-editorFreeText-icon: url(../images/toolbarButton-editorFreeText.svg); + --toolbarButton-editorHighlight-icon: url(../images/toolbarButton-editorHighlight.svg); + --toolbarButton-editorInk-icon: url(../images/toolbarButton-editorInk.svg); + --toolbarButton-editorStamp-icon: url(../images/toolbarButton-editorStamp.svg); + --toolbarButton-menuArrow-icon: url(../images/toolbarButton-menuArrow.svg); + --toolbarButton-sidebarToggle-icon: url(../images/toolbarButton-sidebarToggle.svg); + --toolbarButton-secondaryToolbarToggle-icon: url(../images/toolbarButton-secondaryToolbarToggle.svg); + --toolbarButton-pageUp-icon: url(../images/toolbarButton-pageUp.svg); + --toolbarButton-pageDown-icon: url(../images/toolbarButton-pageDown.svg); + --toolbarButton-zoomOut-icon: url(../images/toolbarButton-zoomOut.svg); + --toolbarButton-zoomIn-icon: url(../images/toolbarButton-zoomIn.svg); + --toolbarButton-presentationMode-icon: url(../images/toolbarButton-presentationMode.svg); + --toolbarButton-print-icon: url(../images/toolbarButton-print.svg); + --toolbarButton-openFile-icon: url(../images/toolbarButton-openFile.svg); + --toolbarButton-download-icon: url(../images/toolbarButton-download.svg); + --toolbarButton-bookmark-icon: url(../images/toolbarButton-bookmark.svg); + --toolbarButton-viewThumbnail-icon: url(../images/toolbarButton-viewThumbnail.svg); + --toolbarButton-viewOutline-icon: url(../images/toolbarButton-viewOutline.svg); + --toolbarButton-viewAttachments-icon: url(../images/toolbarButton-viewAttachments.svg); + --toolbarButton-viewLayers-icon: url(../images/toolbarButton-viewLayers.svg); + --toolbarButton-currentOutlineItem-icon: url(../images/toolbarButton-currentOutlineItem.svg); + --toolbarButton-search-icon: url(../images/toolbarButton-search.svg); + --toolbarButton-backToHome-icon: url(../images/toolbarButton-home.svg); + --findbarButton-previous-icon: url(../images/findbarButton-previous.svg); + --findbarButton-next-icon: url(../images/findbarButton-next.svg); + --secondaryToolbarButton-firstPage-icon: url(../images/secondaryToolbarButton-firstPage.svg); + --secondaryToolbarButton-lastPage-icon: url(../images/secondaryToolbarButton-lastPage.svg); + --secondaryToolbarButton-rotateCcw-icon: url(../images/secondaryToolbarButton-rotateCcw.svg); + --secondaryToolbarButton-rotateCw-icon: url(../images/secondaryToolbarButton-rotateCw.svg); + --secondaryToolbarButton-selectTool-icon: url(../images/secondaryToolbarButton-selectTool.svg); + --secondaryToolbarButton-handTool-icon: url(../images/secondaryToolbarButton-handTool.svg); + --secondaryToolbarButton-scrollPage-icon: url(../images/secondaryToolbarButton-scrollPage.svg); + --secondaryToolbarButton-scrollVertical-icon: url(../images/secondaryToolbarButton-scrollVertical.svg); + --secondaryToolbarButton-scrollHorizontal-icon: url(../images/secondaryToolbarButton-scrollHorizontal.svg); + --secondaryToolbarButton-scrollWrapped-icon: url(../images/secondaryToolbarButton-scrollWrapped.svg); + --secondaryToolbarButton-spreadNone-icon: url(../images/secondaryToolbarButton-spreadNone.svg); + --secondaryToolbarButton-spreadOdd-icon: url(../images/secondaryToolbarButton-spreadOdd.svg); + --secondaryToolbarButton-spreadEven-icon: url(../images/secondaryToolbarButton-spreadEven.svg); + --secondaryToolbarButton-documentProperties-icon: url(../images/secondaryToolbarButton-documentProperties.svg); + --editorParams-stampAddImage-icon: url(../images/toolbarButton-zoomIn.svg); } [dir="rtl"]:root { @@ -2767,6 +2799,7 @@ html[data-toolbar-density="touch"] { --scrollbar-bg-color: rgb(35 35 39); --toolbar-icon-bg-color: rgb(255 255 255); --toolbar-icon-hover-bg-color: rgb(255 255 255); + --sidebar-narrow-bg-color: rgb(42 42 46 / 0.9); --sidebar-toolbar-bg-color: rgb(50 50 52); --toolbar-bg-color: rgb(56 56 61); @@ -2807,6 +2840,7 @@ html[data-toolbar-density="touch"] { --scrollbar-bg-color: rgb(35 35 39); --toolbar-icon-bg-color: rgb(255 255 255); --toolbar-icon-hover-bg-color: rgb(255 255 255); + --sidebar-narrow-bg-color: rgb(42 42 46 / 0.9); --sidebar-toolbar-bg-color: rgb(50 50 52); --toolbar-bg-color: rgb(56 56 61); @@ -3016,7 +3050,6 @@ body { .editorParamsToolbar { position: relative; height: var(--toolbar-height); - /* background-color:var(--toolbar-bg-color); */ background-color: var(--md-sys-color-surface-5); box-shadow: var(--toolbar-box-shadow); @@ -3396,6 +3429,7 @@ body { width: 28px; height: 28px; outline: none; + background-color: var(--md-sys-color-secondary); color: var(--md-sys-color-on-secondary); border-color: var(--md-sys-color-secondary); @@ -3440,13 +3474,14 @@ body { float: var(--inline-start); margin: 4px 3px; width: 1px; + height: 20px; background-color: var(--separator-color); height: var(--toolButton-height); } #scaleSelectContainer { height: 3.125rem; - inset: 4px 0 0; + inset: 4px 0 0 0; border-radius: var(--toolButton-border-radius); } @@ -3565,6 +3600,7 @@ body { display: inline-block; width: 16px; height: 16px; + content: ""; background-color: var(--toolbar-icon-bg-color); -webkit-mask-size: cover; @@ -3604,6 +3640,7 @@ body { -webkit-mask-image: var(--toolbarButton-sidebarToggle-icon); mask-image: var(--toolbarButton-sidebarToggle-icon); transform: scaleX(var(--dir-factor)); + height: 1.875rem; width: 1.875rem; } @@ -3896,6 +3933,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] { .loadingInput:has(> #pageNumber.loading)::after { display: block; visibility: visible; + transition-property: visibility; transition-delay: var(--loading-icon-delay); } @@ -3907,6 +3945,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] { top: calc(50% - 12px); width: 16px; height: 16px; + content: ""; background-color: var(--toolbar-icon-bg-color); -webkit-mask-size: cover; @@ -4250,6 +4289,7 @@ dialog :link { page-break-inside: avoid; height: 100%; width: 100%; + display: flex; flex-direction: column; justify-content: center; @@ -4271,6 +4311,7 @@ dialog :link { #printContainer>.printedPage :is(canvas, img) { max-width: 100%; max-height: 100%; + direction: ltr; display: block; } @@ -4305,6 +4346,7 @@ dialog :link { } @media all and (max-width: 690px) { + .hiddenSmallView, .hiddenSmallView * { display: none; @@ -4355,6 +4397,7 @@ dialog :link { flex-direction: column; align-items: center; row-gap: 3px; + position: absolute; left: 3px; top: var(--toolbar-height); @@ -4492,7 +4535,7 @@ dialog :link { .toolbar img.main-icon { height: var(--toolButton-height); width: var(--toolButton-width); - inset: 10px 0 0; + inset: 10px 0 0 0; } } @@ -4514,8 +4557,9 @@ dialog :link { #toolbarViewerLeft .loadingInput.start { grid-row: 1; grid-column: 3; + margin-bottom: auto; - margin-top: -2px; + margin-top: -2px } #pageNumber { @@ -4525,9 +4569,11 @@ dialog :link { #numPages { grid-row: 1; grid-column: 3; + line-height: 0; + margin-top: auto; - margin-bottom: -4px; + margin-bottom: -4px } } diff --git a/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/viewer.css b/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/viewer.css index 91d50ee17..e431a4ad2 100644 --- a/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/viewer.css +++ b/stirling-pdf/src/main/resources/static/pdfjs-legacy/css/viewer.css @@ -22,19 +22,23 @@ --hover-filter:brightness(0.9); --focus-ring-color:#0060df; --focus-ring-outline:2px solid var(--focus-ring-color); + --textarea-border-color:#8f8f9d; --textarea-bg-color:white; --textarea-fg-color:var(--text-secondary-color); + --radio-bg-color:#f0f0f4; --radio-checked-bg-color:#fbfbfe; --radio-border-color:#8f8f9d; --radio-checked-border-color:#0060df; + --button-secondary-bg-color:#f0f0f4; --button-secondary-fg-color:var(--text-primary-color); --button-secondary-border-color:var(--button-secondary-bg-color); --button-secondary-hover-bg-color:var(--button-secondary-bg-color); --button-secondary-hover-fg-color:var(--button-secondary-fg-color); --button-secondary-hover-border-color:var(--button-secondary-hover-bg-color); + --button-primary-bg-color:#0060df; --button-primary-fg-color:#fbfbfe; --button-primary-hover-bg-color:var(--button-primary-bg-color); @@ -54,6 +58,7 @@ } @media (prefers-color-scheme: dark){ + :where(html:not(.is-light)) .dialog{ --dialog-bg-color:#1c1b22; --dialog-border-color:#1c1b22; @@ -62,10 +67,13 @@ --text-secondary-color:#cfcfd8; --focus-ring-color:#0df; --hover-filter:brightness(1.4); + --textarea-bg-color:#42414d; + --radio-bg-color:#2b2a33; --radio-checked-bg-color:#15141a; --radio-checked-border-color:#0df; + --button-secondary-bg-color:#2b2a33; --button-primary-bg-color:#0df; --button-primary-fg-color:#15141a; @@ -80,16 +88,20 @@ --text-secondary-color:#cfcfd8; --focus-ring-color:#0df; --hover-filter:brightness(1.4); + --textarea-bg-color:#42414d; + --radio-bg-color:#2b2a33; --radio-checked-bg-color:#15141a; --radio-checked-border-color:#0df; + --button-secondary-bg-color:#2b2a33; --button-primary-bg-color:#0df; --button-primary-fg-color:#15141a; } @media screen and (forced-colors: active){ + .dialog{ --dialog-bg-color:Canvas; --dialog-border-color:CanvasText; @@ -98,18 +110,22 @@ --text-secondary-color:CanvasText; --hover-filter:none; --focus-ring-color:ButtonBorder; + --textarea-border-color:ButtonBorder; --textarea-bg-color:Field; --textarea-fg-color:ButtonText; + --radio-bg-color:ButtonFace; --radio-checked-bg-color:ButtonFace; --radio-border-color:ButtonText; --radio-checked-border-color:ButtonText; + --button-secondary-bg-color:ButtonFace; --button-secondary-fg-color:ButtonText; --button-secondary-border-color:ButtonText; --button-secondary-hover-bg-color:AccentColor; --button-secondary-hover-fg-color:AccentColorText; + --button-primary-bg-color:ButtonText; --button-primary-fg-color:ButtonFace; --button-primary-hover-bg-color:AccentColor; @@ -286,6 +302,7 @@ } @media screen and (forced-colors: active){ + .textLayer .highlight{ --highlight-bg-color:transparent; --highlight-selected-bg-color:transparent; @@ -368,6 +385,7 @@ } @media screen and (forced-colors: active){ + .annotationLayer{ --input-focus-border-color:CanvasText; --input-unfocused-border-color:ActiveText; @@ -723,7 +741,6 @@ :root{ --xfa-focus-outline:2px solid CanvasText; } - .xfaLayer *:required{ outline:1.5px solid selectedItem; } @@ -1060,6 +1077,7 @@ } @media screen and (forced-colors: active){ + .canvasWrapper svg.highlight{ --blend-mode:difference; } @@ -1123,6 +1141,7 @@ --size-item-small:16px; --size-item-large:32px; --color-canvas:white; + --toggle-background-color:var(--button-background-color); --toggle-background-color-hover:var(--button-background-color-hover); --toggle-background-color-active:var(--button-background-color-active); @@ -1151,7 +1170,9 @@ ); -webkit-appearance:none; + -moz-appearance:none; + appearance:none; padding:0; margin:0; @@ -1165,6 +1186,7 @@ } @media (prefers-color-scheme: dark){ + :where(html:not(.is-light)) .toggle-button{ --button-background-color:color-mix(in srgb, currentColor 7%, transparent); --button-background-color-hover:color-mix( @@ -1205,6 +1227,7 @@ } @media (forced-colors: active){ + .toggle-button{ --color-accent-primary:ButtonText; --color-accent-primary-hover:SelectedItem; @@ -1310,6 +1333,7 @@ } @media (forced-colors){ + .toggle-button{ --toggle-dot-background-color:var(--color-accent-primary); --toggle-dot-background-color-hover:var(--color-accent-primary-hover); @@ -1358,11 +1382,10 @@ var(--outline-around-width) ); --editorFreeText-editing-cursor:text; - --editorInk-editing-cursor:url("../images/cursor-editorInk.svg") 0 16, pointer; - --editorHighlight-editing-cursor:url("../images/cursor-editorTextHighlight.svg") 24 24, text; - --editorFreeHighlight-editing-cursor:url("../images/cursor-editorFreeHighlight.svg") 1 18, pointer; + --editorInk-editing-cursor:url(../images/cursor-editorInk.svg) 0 16, pointer; + --editorHighlight-editing-cursor:url(../images/cursor-editorTextHighlight.svg) 24 24, text; + --editorFreeHighlight-editing-cursor:url(../images/cursor-editorFreeHighlight.svg) 1 18, pointer; } - .visuallyHidden{ position:absolute; top:0; @@ -1391,7 +1414,7 @@ @media (min-resolution: 1.1dppx){ :root{ - --editorFreeText-editing-cursor:url("../images/cursor-editorFreeText.svg") 0 16, text; + --editorFreeText-editing-cursor:url(../images/cursor-editorFreeText.svg) 0 16, text; } } @@ -1493,9 +1516,9 @@ :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ - --editor-toolbar-delete-image:url("../images/editor-toolbar-delete.svg"); + --editor-toolbar-delete-image:url(../images/editor-toolbar-delete.svg); --editor-toolbar-bg-color:#f0f0f4; - --editor-toolbar-highlight-image:url("../images/toolbarButton-editorHighlight.svg"); + --editor-toolbar-highlight-image:url(../images/toolbarButton-editorHighlight.svg); --editor-toolbar-fg-color:#2e2e56; --editor-toolbar-border-color:#8f8f9d; --editor-toolbar-hover-border-color:var(--editor-toolbar-border-color); @@ -1519,9 +1542,11 @@ pointer-events:auto; box-sizing:content-box; padding:var(--editor-toolbar-padding); + position:absolute; inset-inline-end:0; inset-block-start:calc(100% + var(--editor-toolbar-vert-offset)); + border-radius:6px; background-color:var(--editor-toolbar-bg-color); border:1px solid var(--editor-toolbar-border-color); @@ -1529,6 +1554,7 @@ } @media (prefers-color-scheme: dark){ + :where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ --editor-toolbar-bg-color:#2b2a33; @@ -1547,6 +1573,7 @@ } @media screen and (forced-colors: active){ + :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar{ --editor-toolbar-bg-color:ButtonFace; @@ -1685,8 +1712,8 @@ :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText{ - --alt-text-add-image:url("../images/altText_add.svg"); - --alt-text-done-image:url("../images/altText_done.svg"); + --alt-text-add-image:url(../images/altText_add.svg); + --alt-text-done-image:url(../images/altText_done.svg); display:flex; align-items:center; @@ -1759,14 +1786,17 @@ width:max-content; height:auto; font-size:12px; + border:0.5px solid var(--alt-text-tooltip-border); background:var(--alt-text-tooltip-bg); box-shadow:var(--alt-text-tooltip-shadow); color:var(--alt-text-tooltip-fg); + pointer-events:none; } @media (prefers-color-scheme: dark){ + :where(html:not(.is-light)) :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ --alt-text-tooltip-bg:#1c1b22; @@ -1783,6 +1813,7 @@ } @media screen and (forced-colors: active){ + :is(.annotationEditorLayer :is(.freeTextEditor, .inkEditor, .stampEditor, .highlightEditor),.textLayer) .editToolbar .buttons .altText .tooltip.show{ --alt-text-tooltip-bg:Canvas; @@ -1821,7 +1852,7 @@ height:100%; } -.annotationEditorLayer freetexteditor .overlay.enabled{ +.annotationEditorLayer freeTextEditor .overlay.enabled{ display:block; } @@ -2153,8 +2184,8 @@ } .dialog.altText::backdrop{ - -webkit-mask:url("#alttext-manager-mask"); - mask:url("#alttext-manager-mask"); + -webkit-mask:url(#alttext-manager-mask); + mask:url(#alttext-manager-mask); } .dialog.altText.positioned{ @@ -2221,6 +2252,7 @@ } @media (prefers-color-scheme: dark){ + :where(html:not(.is-light)) .colorPicker{ --hover-outline-color:#80ebff; --selected-outline-color:#aaf2ff; @@ -2235,6 +2267,7 @@ } @media screen and (forced-colors: active){ + .colorPicker{ --hover-outline-color:Highlight; --selected-outline-color:var(--hover-outline-color); @@ -2307,7 +2340,7 @@ } .annotationEditorLayer .highlightEditor .editToolbar{ - --editor-toolbar-colorpicker-arrow-image:url("../images/toolbarButton-menuArrow.svg"); + --editor-toolbar-colorpicker-arrow-image:url(../images/toolbarButton-menuArrow.svg); transform-origin:center !important; } @@ -2478,6 +2511,7 @@ } @media (prefers-color-scheme: dark){ + :where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ --example-color:#80808e; } @@ -2488,6 +2522,7 @@ } @media screen and (forced-colors: active){ + #highlightParamsToolbarContainer #editorHighlightThickness .thicknessPicker{ --example-color:CanvasText; } @@ -2534,6 +2569,7 @@ } @media (prefers-color-scheme: dark){ + :where(html:not(.is-light)) #highlightParamsToolbarContainer #editorHighlightVisibility .divider{ --divider-color:#8f8f9d; } @@ -2544,6 +2580,7 @@ } @media screen and (forced-colors: active){ + #highlightParamsToolbarContainer #editorHighlightVisibility .divider{ --divider-color:CanvasText; } @@ -2577,11 +2614,9 @@ [data-main-rotation="90"]{ transform:rotate(90deg) translateY(-100%); } - [data-main-rotation="180"]{ transform:rotate(180deg) translate(-100%, -100%); } - [data-main-rotation="270"]{ transform:rotate(270deg) translateX(-100%); } @@ -2606,6 +2641,7 @@ } @media screen and (forced-colors: active){ + .pdfViewer{ --hcm-highlight-filter:invert(100%); } @@ -2737,12 +2773,15 @@ --dir-factor:1; --inline-start:left; --inline-end:right; + --sidebar-width:200px; --sidebar-transition-duration:200ms; --sidebar-transition-timing-function:ease; + --toolbar-icon-opacity:0.7; --doorhanger-icon-opacity:0.9; --editor-toolbar-base-offset:105px; + --main-color:rgb(12 12 13); --body-bg-color:rgb(212 212 215); --progressBar-color:rgb(10 132 255); @@ -2752,6 +2791,7 @@ --scrollbar-bg-color:auto; --toolbar-icon-bg-color:rgb(0 0 0); --toolbar-icon-hover-bg-color:rgb(0 0 0); + --sidebar-narrow-bg-color:rgb(212 212 215 / 0.9); --sidebar-toolbar-bg-color:rgb(245 246 247); --toolbar-bg-color:rgb(249 249 250); @@ -2786,49 +2826,50 @@ --dialog-button-border:none; --dialog-button-bg-color:rgb(12 12 13 / 0.1); --dialog-button-hover-bg-color:rgb(12 12 13 / 0.3); - --loading-icon:url("../images/loading.svg"); - --treeitem-expanded-icon:url("../images/treeitem-expanded.svg"); - --treeitem-collapsed-icon:url("../images/treeitem-collapsed.svg"); - --toolbarButton-editorFreeText-icon:url("../images/toolbarButton-editorFreeText.svg"); - --toolbarButton-editorHighlight-icon:url("../images/toolbarButton-editorHighlight.svg"); - --toolbarButton-editorInk-icon:url("../images/toolbarButton-editorInk.svg"); - --toolbarButton-editorStamp-icon:url("../images/toolbarButton-editorStamp.svg"); - --toolbarButton-menuArrow-icon:url("../images/toolbarButton-menuArrow.svg"); - --toolbarButton-sidebarToggle-icon:url("../images/toolbarButton-sidebarToggle.svg"); - --toolbarButton-secondaryToolbarToggle-icon:url("../images/toolbarButton-secondaryToolbarToggle.svg"); - --toolbarButton-pageUp-icon:url("../images/toolbarButton-pageUp.svg"); - --toolbarButton-pageDown-icon:url("../images/toolbarButton-pageDown.svg"); - --toolbarButton-zoomOut-icon:url("../images/toolbarButton-zoomOut.svg"); - --toolbarButton-zoomIn-icon:url("../images/toolbarButton-zoomIn.svg"); - --toolbarButton-presentationMode-icon:url("../images/toolbarButton-presentationMode.svg"); - --toolbarButton-print-icon:url("../images/toolbarButton-print.svg"); - --toolbarButton-openFile-icon:url("../images/toolbarButton-openFile.svg"); - --toolbarButton-download-icon:url("../images/toolbarButton-download.svg"); - --toolbarButton-bookmark-icon:url("../images/toolbarButton-bookmark.svg"); - --toolbarButton-viewThumbnail-icon:url("../images/toolbarButton-viewThumbnail.svg"); - --toolbarButton-viewOutline-icon:url("../images/toolbarButton-viewOutline.svg"); - --toolbarButton-viewAttachments-icon:url("../images/toolbarButton-viewAttachments.svg"); - --toolbarButton-viewLayers-icon:url("../images/toolbarButton-viewLayers.svg"); - --toolbarButton-currentOutlineItem-icon:url("../images/toolbarButton-currentOutlineItem.svg"); - --toolbarButton-search-icon:url("../images/toolbarButton-search.svg"); - --toolbarButton-backToHome-icon:url("../images/toolbarButton-home.svg"); - --findbarButton-previous-icon:url("../images/findbarButton-previous.svg"); - --findbarButton-next-icon:url("../images/findbarButton-next.svg"); - --secondaryToolbarButton-firstPage-icon:url("../images/secondaryToolbarButton-firstPage.svg"); - --secondaryToolbarButton-lastPage-icon:url("../images/secondaryToolbarButton-lastPage.svg"); - --secondaryToolbarButton-rotateCcw-icon:url("../images/secondaryToolbarButton-rotateCcw.svg"); - --secondaryToolbarButton-rotateCw-icon:url("../images/secondaryToolbarButton-rotateCw.svg"); - --secondaryToolbarButton-selectTool-icon:url("../images/secondaryToolbarButton-selectTool.svg"); - --secondaryToolbarButton-handTool-icon:url("../images/secondaryToolbarButton-handTool.svg"); - --secondaryToolbarButton-scrollPage-icon:url("../images/secondaryToolbarButton-scrollPage.svg"); - --secondaryToolbarButton-scrollVertical-icon:url("../images/secondaryToolbarButton-scrollVertical.svg"); - --secondaryToolbarButton-scrollHorizontal-icon:url("../images/secondaryToolbarButton-scrollHorizontal.svg"); - --secondaryToolbarButton-scrollWrapped-icon:url("../images/secondaryToolbarButton-scrollWrapped.svg"); - --secondaryToolbarButton-spreadNone-icon:url("../images/secondaryToolbarButton-spreadNone.svg"); - --secondaryToolbarButton-spreadOdd-icon:url("../images/secondaryToolbarButton-spreadOdd.svg"); - --secondaryToolbarButton-spreadEven-icon:url("../images/secondaryToolbarButton-spreadEven.svg"); - --secondaryToolbarButton-documentProperties-icon:url("../images/secondaryToolbarButton-documentProperties.svg"); - --editorParams-stampAddImage-icon:url("../images/toolbarButton-zoomIn.svg"); + + --loading-icon:url(../images/loading.svg); + --treeitem-expanded-icon:url(../images/treeitem-expanded.svg); + --treeitem-collapsed-icon:url(../images/treeitem-collapsed.svg); + --toolbarButton-editorFreeText-icon:url(../images/toolbarButton-editorFreeText.svg); + --toolbarButton-editorHighlight-icon:url(../images/toolbarButton-editorHighlight.svg); + --toolbarButton-editorInk-icon:url(../images/toolbarButton-editorInk.svg); + --toolbarButton-editorStamp-icon:url(../images/toolbarButton-editorStamp.svg); + --toolbarButton-menuArrow-icon:url(../images/toolbarButton-menuArrow.svg); + --toolbarButton-sidebarToggle-icon:url(../images/toolbarButton-sidebarToggle.svg); + --toolbarButton-secondaryToolbarToggle-icon:url(../images/toolbarButton-secondaryToolbarToggle.svg); + --toolbarButton-pageUp-icon:url(../images/toolbarButton-pageUp.svg); + --toolbarButton-pageDown-icon:url(../images/toolbarButton-pageDown.svg); + --toolbarButton-zoomOut-icon:url(../images/toolbarButton-zoomOut.svg); + --toolbarButton-zoomIn-icon:url(../images/toolbarButton-zoomIn.svg); + --toolbarButton-presentationMode-icon:url(../images/toolbarButton-presentationMode.svg); + --toolbarButton-print-icon:url(../images/toolbarButton-print.svg); + --toolbarButton-openFile-icon:url(../images/toolbarButton-openFile.svg); + --toolbarButton-download-icon:url(../images/toolbarButton-download.svg); + --toolbarButton-bookmark-icon:url(../images/toolbarButton-bookmark.svg); + --toolbarButton-viewThumbnail-icon:url(../images/toolbarButton-viewThumbnail.svg); + --toolbarButton-viewOutline-icon:url(../images/toolbarButton-viewOutline.svg); + --toolbarButton-viewAttachments-icon:url(../images/toolbarButton-viewAttachments.svg); + --toolbarButton-viewLayers-icon:url(../images/toolbarButton-viewLayers.svg); + --toolbarButton-currentOutlineItem-icon:url(../images/toolbarButton-currentOutlineItem.svg); + --toolbarButton-search-icon:url(../images/toolbarButton-search.svg); + --toolbarButton-backToHome-icon:url(../images/toolbarButton-home.svg); + --findbarButton-previous-icon:url(../images/findbarButton-previous.svg); + --findbarButton-next-icon:url(../images/findbarButton-next.svg); + --secondaryToolbarButton-firstPage-icon:url(../images/secondaryToolbarButton-firstPage.svg); + --secondaryToolbarButton-lastPage-icon:url(../images/secondaryToolbarButton-lastPage.svg); + --secondaryToolbarButton-rotateCcw-icon:url(../images/secondaryToolbarButton-rotateCcw.svg); + --secondaryToolbarButton-rotateCw-icon:url(../images/secondaryToolbarButton-rotateCw.svg); + --secondaryToolbarButton-selectTool-icon:url(../images/secondaryToolbarButton-selectTool.svg); + --secondaryToolbarButton-handTool-icon:url(../images/secondaryToolbarButton-handTool.svg); + --secondaryToolbarButton-scrollPage-icon:url(../images/secondaryToolbarButton-scrollPage.svg); + --secondaryToolbarButton-scrollVertical-icon:url(../images/secondaryToolbarButton-scrollVertical.svg); + --secondaryToolbarButton-scrollHorizontal-icon:url(../images/secondaryToolbarButton-scrollHorizontal.svg); + --secondaryToolbarButton-scrollWrapped-icon:url(../images/secondaryToolbarButton-scrollWrapped.svg); + --secondaryToolbarButton-spreadNone-icon:url(../images/secondaryToolbarButton-spreadNone.svg); + --secondaryToolbarButton-spreadOdd-icon:url(../images/secondaryToolbarButton-spreadOdd.svg); + --secondaryToolbarButton-spreadEven-icon:url(../images/secondaryToolbarButton-spreadEven.svg); + --secondaryToolbarButton-documentProperties-icon:url(../images/secondaryToolbarButton-documentProperties.svg); + --editorParams-stampAddImage-icon:url(../images/toolbarButton-zoomIn.svg); } [dir="rtl"]:root{ @@ -2848,6 +2889,7 @@ --scrollbar-bg-color:rgb(35 35 39); --toolbar-icon-bg-color:rgb(255 255 255); --toolbar-icon-hover-bg-color:rgb(255 255 255); + --sidebar-narrow-bg-color:rgb(42 42 46 / 0.9); --sidebar-toolbar-bg-color:rgb(50 50 52); --toolbar-bg-color:rgb(56 56 61); @@ -2888,6 +2930,7 @@ --scrollbar-bg-color:rgb(35 35 39); --toolbar-icon-bg-color:rgb(255 255 255); --toolbar-icon-hover-bg-color:rgb(255 255 255); + --sidebar-narrow-bg-color:rgb(42 42 46 / 0.9); --sidebar-toolbar-bg-color:rgb(50 50 52); --toolbar-bg-color:rgb(56 56 61); @@ -3024,7 +3067,6 @@ body{ #outerContainer:is(.sidebarMoving, .sidebarOpen) #sidebarContainer{ visibility:visible; } - #outerContainer.sidebarOpen #sidebarContainer{ inset-inline-start:0; } @@ -3050,7 +3092,6 @@ body{ inset:32px 0 0; outline:none; } - #viewerContainer:not(.pdfPresentationMode){ transition-duration:var(--sidebar-transition-duration); transition-timing-function:var(--sidebar-transition-timing-function); @@ -3147,7 +3188,6 @@ body{ 0%{ transform:translateX(calc(-142px * var(--dir-factor))); } - 100%{ transform:translateX(0); } @@ -3203,20 +3243,16 @@ body{ min-width:300px; background-color:var(--toolbar-bg-color); } - .findbar > div{ height:32px; } - .findbar > div#findbarInputContainer{ margin-inline-end:4px; } - .findbar.wrapContainers > div, .findbar.wrapContainers > div#findbarMessageContainer > *{ clear:both; } - .findbar.wrapContainers > div#findbarMessageContainer{ height:auto; } @@ -3356,7 +3392,6 @@ body{ box-shadow:0 1px 5px var(--doorhanger-border-color), 0 0 0 1px var(--doorhanger-border-color); border:var(--doorhanger-border-color-whcm); } - :is(.doorHanger, .doorHangerRight)::after, :is(.doorHanger, .doorHangerRight)::before{ bottom:100%; @@ -3368,29 +3403,24 @@ body{ pointer-events:none; opacity:var(--doorhanger-triangle-opacity-whcm); } - .doorHanger::after{ inset-inline-start:10px; margin-inline-start:-8px; border-bottom-color:var(--toolbar-bg-color); } - .doorHangerRight::after{ inset-inline-end:10px; margin-inline-end:-8px; border-bottom-color:var(--doorhanger-bg-color); } - :is(.doorHanger, .doorHangerRight)::before{ border-bottom-color:var(--doorhanger-border-color); border-width:9px; } - .doorHanger::before{ inset-inline-start:10px; margin-inline-start:-9px; } - .doorHangerRight::before{ inset-inline-end:10px; margin-inline-end:-9px; @@ -3422,7 +3452,6 @@ body{ #toolbarSidebarLeft{ float:var(--inline-start); } - #toolbarViewerRight, #toolbarSidebarRight{ float:var(--inline-end); @@ -3441,11 +3470,9 @@ body{ #toolbarViewerLeft{ padding-inline-start:1px; } - #toolbarViewerRight{ padding-inline-end:1px; } - #toolbarSidebarRight{ padding-inline-end:2px; } @@ -3454,7 +3481,6 @@ body{ margin:2px; display:inline-block; } - .splitToolbarButton > .toolbarButton{ float:var(--inline-start); } @@ -3492,12 +3518,10 @@ body{ .dropdownToolbarButton:hover{ background-color:var(--button-hover-color); } - .splitToolbarButton > .toolbarButton{ position:relative; margin:0; } - #toolbarSidebar .splitToolbarButton > .toolbarButton{ margin-inline-end:2px; } @@ -3532,7 +3556,6 @@ body{ .toolbarButton:is(:hover, :focus-visible){ background-color:var(--button-hover-color); } - .secondaryToolbarButton:is(:hover, :focus-visible){ background-color:var(--doorhanger-hover-bg-color); color:var(--doorhanger-hover-color); @@ -3567,7 +3590,6 @@ body{ background-color:var(--dropdown-btn-bg-color); border:var(--dropdown-btn-border); } - .dropdownToolbarButton::after{ top:6px; inset-inline-end:6px; @@ -3591,12 +3613,10 @@ body{ border:none; background-color:var(--dropdown-btn-bg-color); } - .dropdownToolbarButton > select:is(:hover, :focus-visible){ background-color:var(--button-hover-color); color:var(--toggled-btn-color); } - .dropdownToolbarButton > select > option{ background:var(--doorhanger-bg-color); color:var(--main-color); @@ -3614,6 +3634,7 @@ body{ display:inline-block; width:16px; height:16px; + content:""; background-color:var(--toolbar-icon-bg-color); -webkit-mask-size:cover; @@ -3733,7 +3754,6 @@ a.secondaryToolbarButton{ padding-top:5px; text-decoration:none; } - a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{ opacity:0.5; pointer-events:none; @@ -3803,7 +3823,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{ box-sizing:border-box; display:inline-block; } - .secondaryToolbarButton > span{ padding-inline-end:4px; } @@ -3885,7 +3904,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{ height:22px; background-color:var(--separator-color); } - .horizontalToolbarSeparator{ display:block; margin:6px 0; @@ -3931,6 +3949,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{ .loadingInput:has(> #pageNumber.loading)::after{ display:block; visibility:visible; + transition-property:visibility; transition-delay:var(--loading-icon-delay); } @@ -3942,6 +3961,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{ top:calc(50% - 8px); width:16px; height:16px; + content:""; background-color:var(--toolbar-icon-bg-color); -webkit-mask-size:cover; @@ -3994,7 +4014,6 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"]{ -moz-user-select:none; user-select:none; } - #thumbnailView{ width:calc(100% - 60px); padding:10px 30px 0; @@ -4025,7 +4044,6 @@ a:focus > .thumbnail, .thumbnail:hover{ border-color:var(--thumbnail-hover-color); } - .thumbnail.selected{ border-color:var(--thumbnail-selected-color) !important; } @@ -4035,12 +4053,10 @@ a:focus > .thumbnail, height:var(--thumbnail-height); opacity:0.9; } - a:focus > .thumbnail > .thumbnailImage, .thumbnail:hover > .thumbnailImage{ opacity:0.95; } - .thumbnail.selected > .thumbnailImage{ opacity:1 !important; } @@ -4078,11 +4094,9 @@ a:focus > .thumbnail > .thumbnailImage, #layersView .treeItem > a *{ cursor:pointer; } - #layersView .treeItem > a > label{ padding-inline-start:4px; } - #layersView .treeItem > a > label > input{ float:var(--inline-start); margin-top:1px; @@ -4095,19 +4109,16 @@ a:focus > .thumbnail > .thumbnailImage, width:0; color:rgb(255 255 255 / 0.5); } - .treeItemToggler::before{ inset-inline-end:4px; -webkit-mask-image:var(--treeitem-expanded-icon); mask-image:var(--treeitem-expanded-icon); } - .treeItemToggler.treeItemsHidden::before{ -webkit-mask-image:var(--treeitem-collapsed-icon); mask-image:var(--treeitem-collapsed-icon); transform:scaleX(var(--dir-factor)); } - .treeItemToggler.treeItemsHidden ~ .treeItems{ display:none; } @@ -4157,7 +4168,6 @@ dialog{ border-radius:4px; box-shadow:0 1px 4px rgb(0 0 0 / 0.3); } - dialog::backdrop{ background-color:rgb(0 0 0 / 0.2); } @@ -4194,7 +4204,6 @@ dialog :link{ #passwordDialog{ text-align:center; } - #passwordDialog .toolbarField{ width:200px; } @@ -4202,22 +4211,18 @@ dialog :link{ #documentPropertiesDialog{ text-align:left; } - #documentPropertiesDialog .row > *{ min-width:100px; text-align:start; } - #documentPropertiesDialog .row > span{ width:125px; word-wrap:break-word; } - #documentPropertiesDialog .row > p{ max-width:225px; word-wrap:break-word; } - #documentPropertiesDialog .buttonRow{ margin-top:10px; } @@ -4225,17 +4230,14 @@ dialog :link{ .grab-to-pan-grab{ cursor:grab !important; } - .grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link){ cursor:inherit !important; } - .grab-to-pan-grab:active, .grab-to-pan-grabbing{ cursor:grabbing !important; } - .grab-to-pan-grabbing{ position:fixed; background:rgb(0 0 0 / 0); @@ -4257,24 +4259,21 @@ dialog :link{ body{ background:rgb(0 0 0 / 0) none; } - body[data-pdfjsprinting] #outerContainer{ display:none; } - body[data-pdfjsprinting] #printContainer{ display:block; } - #printContainer{ height:100%; } - #printContainer > .printedPage{ page-break-after:always; page-break-inside:avoid; height:100%; width:100%; + display:flex; flex-direction:column; justify-content:center; @@ -4296,6 +4295,7 @@ dialog :link{ #printContainer > .printedPage :is(canvas, img){ max-width:100%; max-height:100%; + direction:ltr; display:block; } @@ -4319,7 +4319,6 @@ dialog :link{ #sidebarContainer{ background-color:var(--sidebar-narrow-bg-color); } - #outerContainer.sidebarOpen #viewerContainer{ inset-inline-start:0 !important; } @@ -4329,11 +4328,9 @@ dialog :link{ :root{ --editor-toolbar-base-offset:40px; } - #outerContainer .hiddenMediumView{ display:none; } - #outerContainer .visibleMediumView{ display:inherit; } @@ -4344,11 +4341,9 @@ dialog :link{ .hiddenSmallView *{ display:none; } - .toolbarButtonSpacer{ width:0; } - .findbar{ inset-inline-start:34px; }