OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.ht
ml"> | 1 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.ht
ml"> |
2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
3 <link rel="import" href="chrome://resources/html/polymer.html"> | 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/app-layout/app-drawer/a
pp-drawer.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/app-layout/app-drawer/a
pp-drawer.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/pape
r-header-panel.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/pape
r-header-panel.html"> |
7 <link rel="import" href="/direction_delegate.html"> | 7 <link rel="import" href="/direction_delegate.html"> |
8 <link rel="import" href="/i18n_setup.html"> | 8 <link rel="import" href="/i18n_setup.html"> |
9 <link rel="import" href="/icons.html"> | 9 <link rel="import" href="/icons.html"> |
10 <link rel="import" href="/settings_main/settings_main.html"> | 10 <link rel="import" href="/settings_main/settings_main.html"> |
11 <link rel="import" href="/settings_menu/settings_menu.html"> | 11 <link rel="import" href="/settings_menu/settings_menu.html"> |
12 <link rel="import" href="/settings_shared_css.html"> | 12 <link rel="import" href="/settings_shared_css.html"> |
| 13 <link rel="import" href="/prefs/prefs.html"> |
| 14 <link rel="import" href="/route.html"> |
| 15 <link rel="import" href="/settings_vars_css.html"> |
13 | 16 |
14 <dom-module id="settings-ui"> | 17 <dom-module id="settings-ui"> |
15 <template> | 18 <template> |
16 <style include="settings-shared"> | 19 <style include="settings-shared"> |
17 :host { | 20 :host { |
18 @apply(--layout-fit); | 21 @apply(--layout-fit); |
19 --paper-header-panel-waterfall-container: { | 22 --paper-header-panel-waterfall-container: { |
20 overflow-x: auto; /* Undo paper-header-panel default of 'hidden'. */ | 23 overflow-x: auto; /* Undo paper-header-panel default of 'hidden'. */ |
21 }; | 24 }; |
22 -webkit-user-select: none; | 25 -webkit-user-select: none; |
23 background-color: var(--settings-background-color); | 26 background-color: var(--settings-background-color); |
| 27 color: var(--paper-grey-800); |
24 display: flex; | 28 display: flex; |
25 flex-direction: column; | 29 flex-direction: column; |
26 overflow: hidden; /* Prevent double scroll bar bugs. */ | 30 overflow: hidden; /* Prevent double scroll bar bugs. */ |
27 } | 31 } |
28 | 32 |
29 paper-header-panel { | 33 paper-header-panel { |
30 flex: 1; | 34 flex: 1; |
31 } | 35 } |
32 | 36 |
33 .paper-header { | 37 .paper-header { |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
71 app-drawer .drawer-header { | 75 app-drawer .drawer-header { |
72 -webkit-padding-start: 24px; | 76 -webkit-padding-start: 24px; |
73 border-bottom: var(--settings-separator-line); | 77 border-bottom: var(--settings-separator-line); |
74 } | 78 } |
75 | 79 |
76 app-drawer .drawer-content { | 80 app-drawer .drawer-content { |
77 height: calc(100% - 56px); | 81 height: calc(100% - 56px); |
78 overflow: auto; | 82 overflow: auto; |
79 } | 83 } |
80 </style> | 84 </style> |
| 85 <settings-prefs id="prefs" prefs="{{prefs}}"></settings-prefs> |
81 <cr-toolbar page-name="$i18n{settings}" clear-label="$i18n{clearSearch}" | 86 <cr-toolbar page-name="$i18n{settings}" clear-label="$i18n{clearSearch}" |
82 search-prompt="$i18n{searchPrompt}" on-cr-menu-tap="onMenuButtonTap_" | 87 search-prompt="$i18n{searchPrompt}" on-cr-menu-tap="onMenuButtonTap_" |
83 spinner-active="[[toolbarSpinnerActive_]]" show-menu | 88 spinner-active="[[toolbarSpinnerActive_]]" show-menu |
84 menu-label="$i18n{menuButtonLabel}"> | 89 menu-label="$i18n{menuButtonLabel}"> |
85 </cr-toolbar> | 90 </cr-toolbar> |
86 <app-drawer swipe-open> | 91 <app-drawer swipe-open> |
87 <div class="drawer-header">$i18n{settings}</div> | 92 <div class="drawer-header">$i18n{settings}</div> |
88 <div class="drawer-content"> | 93 <div class="drawer-content"> |
89 <template is="dom-if" id="drawerTemplate"> | 94 <template is="dom-if" id="drawerTemplate"> |
90 <settings-menu page-visibility="[[pageVisibility_]]" | 95 <settings-menu page-visibility="[[pageVisibility_]]" |
91 on-iron-activate="onIronActivate_"> | 96 on-iron-activate="onIronActivate_"> |
92 </settings-menu> | 97 </settings-menu> |
93 </template> | 98 </template> |
94 </div> | 99 </div> |
95 </app-drawer> | 100 </app-drawer> |
96 <paper-header-panel mode="waterfall"> | 101 <paper-header-panel mode="waterfall"> |
97 <settings-main prefs="{{prefs}}" | 102 <settings-main prefs="{{prefs}}" |
98 toolbar-spinner-active="{{toolbarSpinnerActive_}}" | 103 toolbar-spinner-active="{{toolbarSpinnerActive_}}" |
99 page-visibility="[[pageVisibility_]]"> | 104 page-visibility="[[pageVisibility_]]"> |
100 </settings-main> | 105 </settings-main> |
101 </paper-header-panel> | 106 </paper-header-panel> |
102 </template> | 107 </template> |
103 <script src="settings_ui.js"></script> | 108 <script src="settings_ui.js"></script> |
104 </dom-module> | 109 </dom-module> |
OLD | NEW |