Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1479)

Side by Side Diff: chrome/browser/resources/settings/settings_main/settings_main.html

Issue 2008843003: [MD settings] redesign of side nav (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: change defaults Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="/about_page/about_page.html"> 2 <link rel="import" href="/about_page/about_page.html">
3 <link rel="import" href="/advanced_page/advanced_page.html"> 3 <link rel="import" href="/advanced_page/advanced_page.html">
4 <link rel="import" href="/basic_page/basic_page.html"> 4 <link rel="import" href="/basic_page/basic_page.html">
5 <link rel="import" href="/settings_page/main_page_behavior.html">
5 6
6 <dom-module id="settings-main"> 7 <dom-module id="settings-main">
7 <template> 8 <template>
8 <style> 9 <style>
10 #advancedToggle {
11 align-items: center;
12 display: flex;
13 min-height: 32px;
14 padding: 0 12px; /* TODO(dschuyler): get real value. */
15 }
16
9 #pageContainer { 17 #pageContainer {
10 box-sizing: border-box; 18 box-sizing: border-box;
11 height: 100%;
12 overflow: auto; 19 overflow: auto;
13 padding: 0 16px; 20 padding: 0 16px;
14 } 21 }
15 22
16 ::content core-icon-button { 23 #toggleContainer {
17 position: absolute; 24 align-items: center;
25 display: flex;
26 justify-content: center;
27 min-height: 80px; /* TODO(dschuyler): get real value. */
18 } 28 }
19 </style> 29 </style>
20 <content select="paper-icon-button"></content> 30 <content select="paper-icon-button"></content>
21 <div id="pageContainer"> 31 <div id="pageContainer">
22 <template is="dom-if" if="[[showBasicPage_]]"> 32 <template is="dom-if" if="[[showBasicPage_]]">
23 <settings-basic-page prefs="{{prefs}}" current-route="{{currentRoute}}"> 33 <settings-basic-page prefs="{{prefs}}" current-route="{{currentRoute}}">
24 </settings-basic-page> 34 </settings-basic-page>
25 </template> 35 </template>
36 <template is="dom-if" if="[[showAdvancedToggle_]]">
37 <div id="toggleContainer">
38 <div id="advancedToggle" on-tap="toggleAdvancedPage_">
39 $i18n{advancedPageTitle}
40 <!-- TODO(dschuyler): menu icons (up arrow/down arrow) -->
41 </div>
42 </div>
43 </template>
26 <template is="dom-if" if="[[showAdvancedPage_]]"> 44 <template is="dom-if" if="[[showAdvancedPage_]]">
27 <settings-advanced-page prefs="{{prefs}}" 45 <settings-advanced-page prefs="{{prefs}}"
28 current-route="{{currentRoute}}"> 46 current-route="{{currentRoute}}">
29 </settings-advanced-page> 47 </settings-advanced-page>
30 </template> 48 </template>
31 <template is="dom-if" if="[[showAboutPage_]]"> 49 <template is="dom-if" if="[[showAboutPage_]]">
32 <settings-about-page current-route="{{currentRoute}}"> 50 <settings-about-page current-route="{{currentRoute}}">
33 </settings-about-page> 51 </settings-about-page>
34 </template> 52 </template>
35 </div> 53 </div>
36 </template> 54 </template>
37 <script src="settings_main.js"></script> 55 <script src="settings_main.js"></script>
38 </dom-module> 56 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698