diff options
| author | akalin@chromium.org <akalin@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-03-01 22:53:35 +0000 |
|---|---|---|
| committer | akalin@chromium.org <akalin@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-03-01 22:53:35 +0000 |
| commit | 2ab0fcb9cf4ebeeb3baddb4778a6b2874be8dad1 (patch) | |
| tree | fb464b9e896da8e91517bb4cf986e9b7ea414faf | |
| parent | 338820e183eaff4fee081639c2316a63c7a111a9 (diff) | |
| download | chromium_src-2ab0fcb9cf4ebeeb3baddb4778a6b2874be8dad1.zip chromium_src-2ab0fcb9cf4ebeeb3baddb4778a6b2874be8dad1.tar.gz chromium_src-2ab0fcb9cf4ebeeb3baddb4778a6b2874be8dad1.tar.bz2 | |
[Sync] Add tab-style navigation to chrome://sync-internals
Add minimal TabSwitcher javascript class to handle the switching logic.
BUG=69500
TEST=
Review URL: http://codereview.chromium.org/6538071
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@76453 0039d316-1c4b-4281-b951-d872f2087c98
| -rw-r--r-- | chrome/browser/resources/sync_internals/sync_index.html | 50 |
1 files changed, 25 insertions, 25 deletions
diff --git a/chrome/browser/resources/sync_internals/sync_index.html b/chrome/browser/resources/sync_internals/sync_index.html index 100ead35..dd2ba4f 100644 --- a/chrome/browser/resources/sync_internals/sync_index.html +++ b/chrome/browser/resources/sync_internals/sync_index.html @@ -4,36 +4,36 @@ <!-- If you change the title, make sure you also update chrome/test/functional/special_tabs.py. --> <title>Sync Internals</title> +<link rel="stylesheet" href="chrome://resources/css/tabs.css"> +<script src="chrome://resources/js/cr.js"></script> +<script src="chrome://resources/js/cr/ui.js"></script> +<script src="chrome://resources/js/cr/ui/tabs.js"></script> <script src="chrome_sync.js"></script> </head> <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> -<style> -div.topLevel { - display: inline-block; - padding-right: 5em; - vertical-align: top; -} +<tabbox> + <tabs> + <tab>About</tab> + <tab>Notifications</tab> + <tab>Sync Node Browser</tab> + </tabs> + <tabpanels> + <tabpanel> + <include src="about.html" /> + </tabpanel> + <tabpanel> + <include src="notifications.html" /> + </tabpanel> + <tabpanel> + <include src="sync_node_browser.html" /> + </tabpanel> + </tabpanels> +</tabbox> -h1.topLevel { - font-size: 150%; -} -</style> - -<!-- TODO(akalin): Add tab-style navigation. --> - -<div class="topLevel" id="about"> - <h1 class="topLevel">About</h1> - <include src="about.html" /> -</div> -<div class="topLevel" id="notifications"> - <h1 class="topLevel">Notifications</h1> - <include src="notifications.html" /> -</div> -<div class="topLevel" id="syncNodeBrowser"> - <h1 class="topLevel">Node Browser</h1> - <include src="sync_node_browser.html" /> -</div> +<script> +cr.ui.decorate('tabbox', cr.ui.TabBox); +</script> <include src="sync_events.html" /> |