| 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 |