Overview
| Comment: | Updated PIN dialog from Google |
|---|---|
| Downloads: | Tarball | ZIP archive | SQL archive |
| Timelines: | family | ancestors | chrome-pin-dialog-update |
| Files: | files | file ages | folders |
| SHA1: | e53bb3314831186ae85045863f04c434a369b75c |
| User & Date: | rkeene on 2017-03-09 01:20:08 |
| Other Links: | manifest | tags |
Context
|
2017-03-09
| ||
| 01:20 | Updated PIN dialog from Google Leaf check-in: e53bb33148 user: rkeene tags: chrome-pin-dialog-update | |
| 01:19 | Reverted [317e74ef9b], moving PIN dialog changes to a different branch check-in: ecf15c25f8 user: rkeene tags: trunk | |
Changes
Modified build/chrome/pin.html from [80f230e669] to [40c7a5a8c8].
1 1 <html> 2 2 <head> 3 3 <title>CACKey PIN Entry</title> 4 4 <style> 5 5 body { 6 6 margin: 0px; 7 7 } 8 + 9 + .pin-dialog { 10 + font-family: Roboto; 11 + width: 240px; 12 + background: white; 13 + margin: 20px; 14 + } 15 + 16 + .pin-body, .pin-heading { 17 + padding: 0px 16px; 18 + } 19 + 20 + .pin-heading h1 { 21 + font-size: 15px; 22 + font-weight: 500; 23 + padding-top: 18px; 24 + color: rgba(0, 0, 0, 0.87); 25 + } 26 + 27 + .pin-body { 28 + font-size: 13px; 29 + color: rgba(0, 0, 0, 0.54); 30 + line-height: 1.4; 31 + padding-top: 20px; 32 + } 33 + 34 + .pin-body input { 35 + width: 100%; 36 + padding: 5px; 37 + border-radius: 3px; 38 + border: 1px solid #cacaca; 39 + box-sizing: border-box; 40 + } 41 + 42 + .pin-buttons { 43 + text-align: right; 44 + } 45 + 46 + .pin-buttons button { 47 + margin: 12px 0px; 48 + height: 32px; 49 + padding: 0px 16px; 50 + background: none; 51 + border: none; 52 + cursor: pointer; 53 + font-size: 13px; 54 + text-transform: uppercase; 55 + color: #4285f4; 56 + font-weight: 500; 57 + } 58 + 59 + .pin-buttons button:hover, .pin-buttons button:focus { 60 + background-color: rgba(0, 0, 0, 0.08); 61 + } 62 + 63 + .pin-buttons button:active { 64 + background-color: rgba(0, 0, 0, 0.14); 65 + } 66 + 67 + .pin-buttons #ok { 68 + margin-left: 16px; 69 + margin-right: 8px; 70 + } 71 + 72 + .pin-buttons #cancel { 73 + margin-right: 16px; 74 + } 8 75 </style> 9 76 <script type="text/javascript" src="pin.js"></script> 10 77 </head> 11 - <body bgcolor="#e4e4e4" color="#000000"> 12 - <form> 13 - <table width="100%" border="0" cellspacing="5" cellpadding="0"> 14 - <tr width="100%" align="left" valign="bottom"> 15 - <td rowspan="4"><img src="pin-icon.png" alt=""></td> 16 - </tr> 17 - <tr width="100%" align="left" valign="bottom"> 18 - <td></td> 19 - <td colspan="2"><div id="prompt" style="font-size: 0.8em;">PIN Entry Required</div></td> 20 - </tr> 21 - <tr width="100%" align="left" valign="center"> 22 - <td></td> 23 - <td>PIN:</td> 24 - <td><input type="password" name="pin" id="pin" style="width: 100%;" autofocus></td> 25 - </tr> 26 - <tr width="100%" align="right" valign="top"> 27 - <td></td> 28 - <td colspan="2"> 29 - <input type="button" class="button" name="ok" id="ok" value="OK" style="min-width: 4em;"> 30 - <input type="button" class="button" name="cancel" id="cancel" value="Cancel" style="min-width: 4em;"> 31 - </td> 32 - </tr> 33 - </table> 34 - </form> 35 - </body> 78 + <div class="pin-dialog"> 79 + <div class="pin-heading"> 80 + <h1 id="header">CACKey</h1> 81 + </div> 82 + 83 + <div class="pin-body"> 84 + <form> 85 + <div> 86 + <label id="input-label" for="input"><div id="prompt">Enter Smart Card PIN</div></label> 87 + </div> 88 + <div> 89 + <input id="pin" type="password" autofocus/> 90 + </div> 91 + <div class="pin-buttons"> 92 + <button id="ok" type="submit">OK</button> 93 + <button id="cancel" type="button">Cancel</button> 94 + </div> 95 + </form> 96 + </div> 97 + </div> 36 98 </html>