Check-in [e53bb33148]
Overview
SHA1:e53bb3314831186ae85045863f04c434a369b75c
Date: 2017-03-09 01:20:08
User: rkeene
Comment:Updated PIN dialog from Google
Timelines: family | ancestors | chrome-pin-dialog-update
Downloads: Tarball | ZIP archive
Other Links: files | file ages | folders | manifest
Tags And Properties
Context
2017-03-09
01:20
[e53bb33148] Leaf: Updated PIN dialog from Google (user: rkeene, tags: chrome-pin-dialog-update)
01:19
[ecf15c25f8] Reverted [317e74ef9b], moving PIN dialog changes to a different branch (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>