mirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2025-04-21 23:58:07 +02:00
Code Activity

Viewer: replace find label with placeholder/tooltip

Browse source 
This is common in the rest of the UI and helps us prevent responsiveness
issues for different length strings in different locales.
This commit is contained in:
Jonas Jenwald 2017-03-08 23:53:59 +01:00 • committed by Tim van der Meij
parent a544a3b4a4
commit c79e5b3f17
No known key found for this signature in database
GPG key ID: 8C3FD2925A5F2762
5 changed files with 22 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
web/viewer.css
View file

@ -372,6 +372,21 @@ html[dir='rtl'] .findbar {
-moz-user-select: none;
}
#findInput {
width: 200px;
}
#findInput::-webkit-input-placeholder {
font-style: italic;
}
#findInput::-moz-placeholder {
font-style: italic;
}
#findInput:-ms-input-placeholder {
font-style: italic;
}
#findInput::placeholder {
font-style: italic;
}
#findInput[data-status="pending"] {
background-image: url(images/loading-small.png);
background-repeat: no-repeat;

3
web/viewer.html
View file

@ -98,8 +98,7 @@ See https://github.com/adobe-type-tools/cmap-resources
<div id="mainContainer">
<div class="findbar hidden doorHanger hiddenSmallView" id="findbar">
<label for="findInput" class="toolbarLabel" data-l10n-id="find_label">Find:</label>
<input id="findInput" class="toolbarField" tabindex="91">
<input id="findInput" class="toolbarField" title="Find" placeholder="Find in document" tabindex="91" data-l10n-id="find_input">
<div class="splitToolbarButton">
<button class="toolbarButton findPrevious" title="" id="findPrevious" tabindex="92" data-l10n-id="find_previous">
<span data-l10n-id="find_previous_label">Previous</span>