| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/action_link.html"> |
| 2 <!-- "action_link_css.html" replaces "action_link.css" for MD pages. --> |
| 3 <link rel="import" href="chrome://resources/html/action_link_css.html"> |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 4 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="/printing_page/cups_add_printer_dialog.html"> | 5 <link rel="import" href="/printing_page/cups_add_printer_dialog.html"> |
| 3 <link rel="import" href="/printing_page/cups_printers_list.html"> | 6 <link rel="import" href="/printing_page/cups_printers_list.html"> |
| 4 <link rel="import" href="/settings_shared_css.html"> | 7 <link rel="import" href="/settings_shared_css.html"> |
| 5 | 8 |
| 6 <dom-module id="settings-cups-printers"> | 9 <dom-module id="settings-cups-printers"> |
| 7 <template> | 10 <template> |
| 8 <style include="settings-shared"> | 11 <style include="settings-shared action-link"> |
| 9 a[is='action-link'] { | |
| 10 display: inline-block; | |
| 11 text-decoration: none; | |
| 12 } | |
| 13 | |
| 14 a[is='action-link']:hover { | |
| 15 color: blue; | |
| 16 text-decoration: underline; | |
| 17 } | |
| 18 | |
| 19 .settings-box .start { | 12 .settings-box .start { |
| 20 color: var(--paper-grey-500); | 13 color: var(--paper-grey-500); |
| 21 } | 14 } |
| 22 | 15 |
| 23 .settings-box .start .secondary { | 16 .settings-box .start .secondary { |
| 24 color: var(--paper-grey-800); | 17 color: var(--paper-grey-800); |
| 25 font-size: 92.31%; /* 12px / 13px */ | 18 font-size: 92.31%; /* 12px / 13px */ |
| 26 } | 19 } |
| 27 | 20 |
| 28 #message { | 21 #message { |
| (...skipping 18 matching lines...) Expand all Loading... |
| 47 display: flex; | 40 display: flex; |
| 48 justify-content: space-around; | 41 justify-content: space-around; |
| 49 } | 42 } |
| 50 | 43 |
| 51 #addPrinterErrorMessage a[is='action-link'] { | 44 #addPrinterErrorMessage a[is='action-link'] { |
| 52 text-transform: uppercase; | 45 text-transform: uppercase; |
| 53 } | 46 } |
| 54 </style> | 47 </style> |
| 55 | 48 |
| 56 <div class="settings-box first"> | 49 <div class="settings-box first"> |
| 57 <a is="action-link" on-tap="onAddPrinterTap_" actionable | 50 <a is="action-link" on-tap="onAddPrinterTap_" |
| 58 hidden="[[!canAddPrinter_]]"> | 51 hidden="[[!canAddPrinter_]]"> |
| 59 $i18n{addCupsPrinter} | 52 $i18n{addCupsPrinter} |
| 60 </a> | 53 </a> |
| 61 <div class="start" hidden="[[canAddPrinter_]]"> | 54 <div class="start" hidden="[[canAddPrinter_]]"> |
| 62 <span>$i18n{addCupsPrinter}</span> | 55 <span>$i18n{addCupsPrinter}</span> |
| 63 <div class="secondary"> | 56 <div class="secondary"> |
| 64 $i18n{requireNetworkMessage} | 57 $i18n{requireNetworkMessage} |
| 65 </div> | 58 </div> |
| 66 </div> | 59 </div> |
| 67 </div> | 60 </div> |
| 68 | 61 |
| 69 <settings-cups-add-printer-dialog id="addPrinterDialog"> | 62 <settings-cups-add-printer-dialog id="addPrinterDialog"> |
| 70 </settings-cups-add-printer-dialog> | 63 </settings-cups-add-printer-dialog> |
| 71 | 64 |
| 72 <settings-cups-printers-list printers="{{printers}}" | 65 <settings-cups-printers-list printers="{{printers}}" |
| 73 search-term="[[searchTerm]]"> | 66 search-term="[[searchTerm]]"> |
| 74 </settings-cups-printers-list> | 67 </settings-cups-printers-list> |
| 75 | 68 |
| 76 <div id="message"> | 69 <div id="message"> |
| 77 <div class="center" id="addPrinterDoneMessage" hidden> | 70 <div class="center" id="addPrinterDoneMessage" hidden> |
| 78 $i18n{printerAddedSuccessfulMessage} | 71 $i18n{printerAddedSuccessfulMessage} |
| 79 </div> | 72 </div> |
| 80 <div class="center" id="addPrinterErrorMessage" hidden> | 73 <div class="center" id="addPrinterErrorMessage" hidden> |
| 81 <span>$i18n{printerAddedFailedMessage}</span> | 74 <span>$i18n{printerAddedFailedMessage}</span> |
| 82 <a is="action-link" on-tap="onAddPrinterTap_" actionable> | 75 <a is="action-link" on-tap="onAddPrinterTap_"> |
| 83 $i18n{printerAddedTryAgainMessage} | 76 $i18n{printerAddedTryAgainMessage} |
| 84 </a> | 77 </a> |
| 85 </div> | 78 </div> |
| 86 </div> | 79 </div> |
| 87 </template> | 80 </template> |
| 88 <script src="cups_printers.js"></script> | 81 <script src="cups_printers.js"></script> |
| 89 </dom-module> | 82 </dom-module> |
| OLD | NEW |