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

Unified 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 side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/settings/settings_main/settings_main.html
diff --git a/chrome/browser/resources/settings/settings_main/settings_main.html b/chrome/browser/resources/settings/settings_main/settings_main.html
index 5d4c5e363ede03f9d752c2af80777a7d8b80c541..26474cea0cb5c94a8d29f2a33038888d7c8adec6 100644
--- a/chrome/browser/resources/settings/settings_main/settings_main.html
+++ b/chrome/browser/resources/settings/settings_main/settings_main.html
@@ -2,19 +2,29 @@
<link rel="import" href="/about_page/about_page.html">
<link rel="import" href="/advanced_page/advanced_page.html">
<link rel="import" href="/basic_page/basic_page.html">
+<link rel="import" href="/settings_page/main_page_behavior.html">
<dom-module id="settings-main">
<template>
<style>
+ #advancedToggle {
+ align-items: center;
+ display: flex;
+ min-height: 32px;
+ padding: 0 12px; /* TODO(dschuyler): get real value. */
+ }
+
#pageContainer {
box-sizing: border-box;
- height: 100%;
overflow: auto;
padding: 0 16px;
}
- ::content core-icon-button {
- position: absolute;
+ #toggleContainer {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ min-height: 80px; /* TODO(dschuyler): get real value. */
}
</style>
<content select="paper-icon-button"></content>
@@ -23,6 +33,14 @@
<settings-basic-page prefs="{{prefs}}" current-route="{{currentRoute}}">
</settings-basic-page>
</template>
+ <template is="dom-if" if="[[showAdvancedToggle_]]">
+ <div id="toggleContainer">
+ <div id="advancedToggle" on-tap="toggleAdvancedPage_">
+ $i18n{advancedPageTitle}
+ <!-- TODO(dschuyler): menu icons (up arrow/down arrow) -->
+ </div>
+ </div>
+ </template>
<template is="dom-if" if="[[showAdvancedPage_]]">
<settings-advanced-page prefs="{{prefs}}"
current-route="{{currentRoute}}">

Powered by Google App Engine
This is Rietveld 408576698