diff options
| author | akalin@chromium.org <akalin@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-05-13 17:21:21 +0000 |
|---|---|---|
| committer | akalin@chromium.org <akalin@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-05-13 17:21:21 +0000 |
| commit | 01bec5781bb4ac65c057787395ee2ae5cb17753d (patch) | |
| tree | 90d18a625958fa6f03cd0cc280cc940038992569 | |
| parent | b50d56558b267dc558b1e7ee6ab9db7759e68557 (diff) | |
| download | chromium_src-01bec5781bb4ac65c057787395ee2ae5cb17753d.zip chromium_src-01bec5781bb4ac65c057787395ee2ae5cb17753d.tar.gz chromium_src-01bec5781bb4ac65c057787395ee2ae5cb17753d.tar.bz2 | |
[Sync] Tweak CSS styles for Sync Node Browser in chrome://sync-internals
It should now behave more like a traditional tree-style viewer.
BUG=
TEST=
Review URL: http://codereview.chromium.org/7012027
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@85287 0039d316-1c4b-4281-b951-d872f2087c98
| -rw-r--r-- | chrome/browser/resources/sync_internals/sync_node_browser.css | 18 | ||||
| -rw-r--r-- | chrome/browser/resources/sync_internals/sync_node_browser.html | 2 |
2 files changed, 19 insertions, 1 deletions
diff --git a/chrome/browser/resources/sync_internals/sync_node_browser.css b/chrome/browser/resources/sync_internals/sync_node_browser.css index 2869af4..035e0da 100644 --- a/chrome/browser/resources/sync_internals/sync_node_browser.css +++ b/chrome/browser/resources/sync_internals/sync_node_browser.css @@ -6,9 +6,13 @@ found in the LICENSE file. #sync-node-main { display: -webkit-box; + /* Should be > #sync-page's min-height. */ + /* TODO(akalin): Find a less hacky way to do this. */ + height: 750px; } #sync-node-tree-container { + height: 100%; width: 200px; /* min-width and max-width are used by the split pane. */ min-width: 50px; @@ -36,6 +40,20 @@ found in the LICENSE file. cursor: col-resize; } +#sync-node-browser-container { + height: 100%; + overflow: auto; + -webkit-box-flex: 1; +} + +#node-browser { + width: 100%; +} + +#node-browser td { + vertical-align: top; +} + /* Platform annotations are set in sync_node_browser.js. */ /* TODO(akalin): Make the BMM also use this style. */ html[os=win] #sync-node-splitter { diff --git a/chrome/browser/resources/sync_internals/sync_node_browser.html b/chrome/browser/resources/sync_internals/sync_node_browser.html index 0798b423..193bf78 100644 --- a/chrome/browser/resources/sync_internals/sync_node_browser.html +++ b/chrome/browser/resources/sync_internals/sync_node_browser.html @@ -11,7 +11,7 @@ item detail on the lower right. --> <tree id="sync-node-tree"></tree> </div> <div id="sync-node-splitter"></div> - <div> + <div id="sync-node-browser-container"> <table id="node-browser"> <tr> <td>ID</td> |