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

Update the styling of the findbar findMsg-element (issue 16355)

Browse Source 
This patch tries to mimic the look of the message-element in the Firefox browser-findbar, and thus makes the following changes:
 - Remove the red colour, since it didn't take the light/dark themes into account.
 - Display the "notFound" message in bold.
This commit is contained in:
Jonas Jenwald 2023-04-26 22:01:40 +02:00
parent 598408b7af
commit 89ea6b3bb6
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/pdf_find_bar.js
View File

@ -129,6 +129,7 @@ class PDFFindBar {
this.findField.setAttribute("aria-invalid", state === FindState.NOT_FOUND); this.findField.setAttribute("aria-invalid", state === FindState.NOT_FOUND);
findMsg.then(msg => { findMsg.then(msg => {
this.findMsg.setAttribute("data-status", status);
this.findMsg.textContent = msg; this.findMsg.textContent = msg;
this.#adjustWidth(); this.#adjustWidth();
}); });

4
web/viewer.css
View File

@ -627,8 +627,8 @@ body {
margin: 5px; margin: 5px;
} }
#findMsg { #findMsg[data-status="notFound"] {
color: rgba(251, 0, 0, 1); font-weight: bold;
} }
:is(#findResultsCount, #findMsg):empty { :is(#findResultsCount, #findMsg):empty {