| Index: chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html
|
| diff --git a/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html b/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html
|
| index 0b9bfd4c099c38f5a2071dcd4530ba084d9f9e60..9b01f4a7d5808ca5ef9461d89e5764c32910cde8 100644
|
| --- a/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html
|
| +++ b/chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html
|
| @@ -7,14 +7,101 @@
|
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
|
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner.html">
|
| <link rel="import" href="chrome://md-settings/bluetooth_page/bluetooth_device_list_item.html">
|
| -<link rel="import" href="chrome://md-settings/bluetooth_page/bluetooth_dialog_shared_css.html">
|
| <link rel="import" href="chrome://md-settings/icons.html">
|
| <link rel="import" href="chrome://md-settings/settings_dialog.html">
|
| <link rel="import" href="chrome://md-settings/settings_shared_css.html">
|
|
|
| <dom-module id="bluetooth-device-dialog">
|
| <template>
|
| - <style include="settings-shared bluetooth-dialog-shared"></style>
|
| + <style include="settings-shared">
|
| + #dialogOuterDiv {
|
| + margin-bottom: 16px;
|
| + }
|
| +
|
| + #dialogHeaderDiv {
|
| + height: 40px;
|
| + margin: 0 5px 10px;
|
| + }
|
| +
|
| + #dialogFooterDiv {
|
| + height: 40px;
|
| + margin: 0 20px;
|
| + }
|
| +
|
| + #dialogMessage {
|
| + margin-bottom: 10px;
|
| + }
|
| +
|
| + #dialogTitle {
|
| + font-size: 125%;
|
| + margin: 0 10px;
|
| + }
|
| +
|
| + #dialogDeviceList {
|
| + -webkit-margin-start: 4px;
|
| + height: 210px;
|
| + margin-bottom: 20px;
|
| + overflow-y: auto;
|
| + }
|
| +
|
| + #pairing {
|
| + margin-bottom: 10px;
|
| + }
|
| +
|
| + #pairing paper-input {
|
| + text-align: center;
|
| + }
|
| +
|
| + #pinDiv {
|
| + margin-top: 10px;
|
| + }
|
| +
|
| + iron-selector {
|
| + width: 100%;
|
| + }
|
| +
|
| + paper-spinner {
|
| + height: 20px;
|
| + margin: 0 10px;
|
| + width: 20px;
|
| + }
|
| +
|
| + /* .display indicates a displayed pin code or passkey. */
|
| + span.display {
|
| + border: 1px solid #ccc;
|
| + border-radius: 4px;
|
| + box-shadow: 0 0 0 1px #222;
|
| + color: #222;
|
| + font-size: 16px;
|
| + height: 38px;
|
| + line-height: 38px;
|
| + margin: 0 5px;
|
| + padding: 0 15px;
|
| + text-align: center;
|
| + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
| + }
|
| +
|
| + span.display.next {
|
| + background: rgb(77, 144, 254);
|
| + border: 2px solid rgb(77, 144, 254);
|
| + box-shadow: none;
|
| + color: #fff;
|
| + }
|
| +
|
| + span.display.untyped {
|
| + border: 1px solid #d4d4d4;
|
| + box-shadow: 0 0 0 1px #888;
|
| + color: #666;
|
| + }
|
| +
|
| + /* .confirm indicates a confirmation passkey. */
|
| + span.confirm {
|
| + color: #999;
|
| + font-size: 20px;
|
| + font-weight: 600; /* semibold */
|
| + margin: 0 20px;
|
| + }
|
| + </style>
|
| <settings-dialog id="dialog" class="layout vertical">
|
| <!-- TODO(dbeam): use .title instead. -->
|
| <div class="body">
|
|
|