| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html dir="$i18n{textdirection}" lang="$i18n{language}"> | 2 <html dir="$i18n{textdirection}" lang="$i18n{language}"> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <title>$i18n{settings}</title> | 5 <title>$i18n{settings}</title> |
| 6 <link rel="import" href="chrome://resources/html/polymer.html"> | 6 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 7 <link rel="import" href="/i18n_setup.html"> | 7 <link rel="import" href="/i18n_setup.html"> |
| 8 <link rel="import" href="/direction_delegate.html"> | 8 <link rel="import" href="/direction_delegate.html"> |
| 9 <link rel="import" href="/settings_ui/settings_ui.html"> | 9 <link rel="import" href="/settings_ui/settings_ui.html"> |
| 10 <link rel="import" href="/prefs/prefs.html"> | 10 <link rel="import" href="/prefs/prefs.html"> |
| 11 <link rel="import" href="/settings_root_css.html"> | 11 <link rel="import" href="/settings_root_css.html"> |
| 12 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> | 12 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| 13 </head> | 13 </head> |
| 14 <body> | 14 <body> |
| 15 | 15 |
| 16 <dom-module id="cr-settings"> | 16 <dom-module id="cr-settings"> |
| 17 <template> | 17 <template> |
| 18 <style> | 18 <style> |
| 19 :host { | 19 :host { |
| 20 color: var(--paper-grey-800); | 20 color: var(--paper-grey-800); |
| 21 } | 21 } |
| 22 | |
| 23 #appeal { | |
| 24 align-items: center; | |
| 25 background: rgb(123, 170, 247); | |
| 26 bottom: 0; | |
| 27 display: flex; | |
| 28 left: 0; | |
| 29 position: fixed; | |
| 30 right: 0; | |
| 31 z-index: 9999; | |
| 32 } | |
| 33 | |
| 34 #request { | |
| 35 flex: 1; | |
| 36 font-size: .8125rem; | |
| 37 font-weight: bold; | |
| 38 padding: 8px 24px; | |
| 39 } | |
| 40 | |
| 41 #request h1 { | |
| 42 font-size: 1rem; | |
| 43 margin: 0; | |
| 44 } | |
| 45 | |
| 46 #request a { | |
| 47 color: rgb(100, 100, 255); | |
| 48 } | |
| 49 | |
| 50 #close { | |
| 51 padding: 20px; | |
| 52 } | |
| 53 </style> | 22 </style> |
| 54 <settings-prefs id="prefs" prefs="{{prefs_}}"></settings-prefs> | 23 <settings-prefs id="prefs" prefs="{{prefs_}}"></settings-prefs> |
| 55 | |
| 56 <!-- TODO(dbeam): remove before launching ;). --> | |
| 57 <div id="appeal" hidden="[[appealClosed_]]"> | |
| 58 <span id="request"> | |
| 59 <h1>Please read: A personal appeal from the Chrome settings team.</h1> | |
| 60 <a href="https://goo.gl/btju6c">Please file bugs</a> | |
| 61 before you | |
| 62 <a href="chrome://settings-frame">go back to the old settings</a>. | |
| 63 </span> | |
| 64 <span id="close" tabindex=0 on-tap="onCloseAppealTap_">✕</span> | |
| 65 </div> | |
| 66 | |
| 67 <settings-ui id="ui" prefs="{{prefs_}}"></settings-ui> | 24 <settings-ui id="ui" prefs="{{prefs_}}"></settings-ui> |
| 68 </template> | 25 </template> |
| 69 <script src="/settings.js"></script> | 26 <script src="/settings.js"></script> |
| 70 </dom-module> | 27 </dom-module> |
| 71 | 28 |
| 72 <cr-settings></cr-settings> | 29 <cr-settings></cr-settings> |
| 73 <link rel="import" href="chrome://resources/html/i18n_template.html"> | 30 <link rel="import" href="chrome://resources/html/i18n_template.html"> |
| 74 </body> | 31 </body> |
| 75 </html> | 32 </html> |
| OLD | NEW |