Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(223)

Side by Side Diff: chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.html

Issue 2002363002: MD Settings: make bluetooth add device dialog prettier (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/html/cr.html"> 1 <link rel="import" href="chrome://resources/html/cr.html">
2 <link rel="import" href="chrome://resources/html/polymer.html"> 2 <link rel="import" href="chrome://resources/html/polymer.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe s/iron-flex-layout.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe s/iron-flex-layout.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele ctor.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-sele ctor.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input .html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input .html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html"> 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html">
9 <link rel="import" href="chrome://md-settings/bluetooth_page/bluetooth_device_li st_item.html"> 9 <link rel="import" href="chrome://md-settings/bluetooth_page/bluetooth_device_li st_item.html">
10 <link rel="import" href="chrome://md-settings/icons.html"> 10 <link rel="import" href="chrome://md-settings/icons.html">
11 <link rel="import" href="chrome://md-settings/settings_dialog.html"> 11 <link rel="import" href="chrome://md-settings/settings_dialog.html">
12 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> 12 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
13 13
14 <dom-module id="bluetooth-device-dialog"> 14 <dom-module id="bluetooth-device-dialog">
15 <template> 15 <template>
16 <style include="settings-shared"> 16 <style include="settings-shared">
17 #dialogFooterDiv {
18 height: 40px;
19 margin: 0 20px;
20 }
21
22 #dialogMessage { 17 #dialogMessage {
23 margin-bottom: 10px; 18 margin-bottom: 10px;
24 } 19 }
25 20
26 #dialogDeviceList { 21 #dialogDeviceList {
27 -webkit-margin-start: 4px;
28 height: 210px; 22 height: 210px;
29 margin-bottom: 20px;
30 overflow-y: auto; 23 overflow-y: auto;
31 } 24 }
32 25
33 #pairing { 26 #pairing {
34 margin-bottom: 10px; 27 margin-bottom: 10px;
35 } 28 }
36 29
37 #pairing paper-input { 30 #pairing paper-input {
38 text-align: center; 31 text-align: center;
39 } 32 }
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
87 font-weight: 600; /* semibold */ 80 font-weight: 600; /* semibold */
88 margin: 0 20px; 81 margin: 0 20px;
89 } 82 }
90 </style> 83 </style>
91 <settings-dialog id="dialog" class="layout vertical" 84 <settings-dialog id="dialog" class="layout vertical"
92 on-iron-overlay-canceled="onIronOverlayCanceled_" 85 on-iron-overlay-canceled="onIronOverlayCanceled_"
93 on-iron-overlay-closed="onIronOverlayClosed_"> 86 on-iron-overlay-closed="onIronOverlayClosed_">
94 <div class="title">[[getTitle_(dialogType)]]</div> 87 <div class="title">[[getTitle_(dialogType)]]</div>
95 <div class="body"> 88 <div class="body">
96 <template is="dom-if" if="[[isDialogType_(dialogType, 'addDevice')]]"> 89 <template is="dom-if" if="[[isDialogType_(dialogType, 'addDevice')]]">
97 <div class="settings-box flex"> 90 <div id="dialogDeviceList" class="layout vertical"
98 <div id="dialogDeviceList" class="settings-box layout vertical" 91 on-device-event="onDeviceEvent_">
99 on-device-event="onDeviceEvent_"> 92 <span class="no-devices" hidden$="[[haveDevices_(deviceList)]]">
100 <span class="no-devices" hidden$="[[haveDevices_(deviceList)]]"> 93 $i18n{bluetoothNoDevices}
101 $i18n{bluetoothNoDevices} 94 </span>
102 </span> 95 <iron-selector class="flex">
103 <iron-selector class="flex"> 96 <template is="dom-repeat" items="[[deviceList]]"
104 <template is="dom-repeat" items="[[deviceList]]" 97 filter="deviceNotPaired_" observe="paired">
105 filter="deviceNotPaired_" observe="paired"> 98 <bluetooth-device-list-item device="[[item]]">
106 <bluetooth-device-list-item device="[[item]]"> 99 </bluetooth-device-list-item>
107 </bluetooth-device-list-item> 100 </template>
108 </template> 101 </iron-selector>
109 </iron-selector>
110 </div>
111 </div> 102 </div>
112 </template> 103 </template>
113 <template is="dom-if" if="[[isDialogType_(dialogType, 'pairDevice')]]"> 104 <template is="dom-if" if="[[isDialogType_(dialogType, 'pairDevice')]]">
114 <div id="pairing" class="settings-blox layout vertical center 105 <div id="pairing" class="settings-blox layout vertical center
115 center-justified flex"> 106 center-justified flex">
116 <div id="dialogMessage"> 107 <div id="dialogMessage">
117 [[getMessage_(pairingDevice, pairingEvent)]] 108 [[getMessage_(pairingDevice, pairingEvent)]]
118 </div> 109 </div>
119 <div hidden$="[[!showEnterPincode_(pairingEvent)]]"> 110 <div hidden$="[[!showEnterPincode_(pairingEvent)]]">
120 <paper-input id="pincode" minlength="1" maxlength="16" 111 <paper-input id="pincode" minlength="1" maxlength="16"
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
162 <paper-button hidden$="[[showDismiss_(pairingDevice, pairingEvent)]]" 153 <paper-button hidden$="[[showDismiss_(pairingDevice, pairingEvent)]]"
163 on-tap="onCancelTap_"> 154 on-tap="onCancelTap_">
164 $i18n{cancel} 155 $i18n{cancel}
165 </paper-button> 156 </paper-button>
166 </template> 157 </template>
167 </div> 158 </div>
168 </settings-dialog> 159 </settings-dialog>
169 </template> 160 </template>
170 <script src="chrome://md-settings/bluetooth_page/bluetooth_device_dialog.js">< /script> 161 <script src="chrome://md-settings/bluetooth_page/bluetooth_device_dialog.js">< /script>
171 </dom-module> 162 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698