| OLD | NEW |
| (Empty) | |
| 1 <dom-module id="bluetooth-dialog-shared"> |
| 2 <template> |
| 3 <style> |
| 4 #dialogOuterDiv { |
| 5 margin-bottom: 16px; |
| 6 } |
| 7 |
| 8 #dialogHeaderDiv { |
| 9 height: 40px; |
| 10 margin: 0 5px 10px; |
| 11 } |
| 12 |
| 13 #dialogFooterDiv { |
| 14 height: 40px; |
| 15 margin: 0 20px; |
| 16 } |
| 17 |
| 18 #dialogMessage { |
| 19 margin-bottom: 10px; |
| 20 } |
| 21 |
| 22 #dialogTitle { |
| 23 font-size: 125%; |
| 24 margin: 0 10px; |
| 25 } |
| 26 |
| 27 #dialogDeviceList { |
| 28 -webkit-margin-start: 4px; |
| 29 height: 210px; |
| 30 margin-bottom: 20px; |
| 31 overflow-y: auto; |
| 32 } |
| 33 |
| 34 #pairing { |
| 35 margin-bottom: 10px; |
| 36 } |
| 37 |
| 38 #pairing paper-input { |
| 39 text-align: center; |
| 40 } |
| 41 |
| 42 #pinDiv { |
| 43 margin-top: 10px; |
| 44 } |
| 45 |
| 46 iron-selector { |
| 47 width: 100%; |
| 48 } |
| 49 |
| 50 paper-spinner { |
| 51 height: 20px; |
| 52 margin: 0 10px; |
| 53 width: 20px; |
| 54 } |
| 55 |
| 56 /* .display indicates a displayed pin code or passkey. */ |
| 57 span.display { |
| 58 border: 1px solid #ccc; |
| 59 border-radius: 4px; |
| 60 box-shadow: 0 0 0 1px #222; |
| 61 color: #222; |
| 62 font-size: 16px; |
| 63 height: 38px; |
| 64 line-height: 38px; |
| 65 margin: 0 5px; |
| 66 padding: 0 15px; |
| 67 text-align: center; |
| 68 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
| 69 } |
| 70 |
| 71 span.display.next { |
| 72 background: rgb(77, 144, 254); |
| 73 border: 2px solid rgb(77, 144, 254); |
| 74 box-shadow: none; |
| 75 color: #fff; |
| 76 } |
| 77 |
| 78 span.display.untyped { |
| 79 border: 1px solid #d4d4d4; |
| 80 box-shadow: 0 0 0 1px #888; |
| 81 color: #666; |
| 82 } |
| 83 |
| 84 /* .confirm indicates a confirmation passkey. */ |
| 85 span.confirm { |
| 86 color: #999; |
| 87 font-size: 20px; |
| 88 font-weight: 600; /* semibold */ |
| 89 margin: 0 20px; |
| 90 } |
| 91 </style> |
| 92 </template> |
| 93 </dom-module> |
| OLD | NEW |