Index: chrome/browser/resources/md_history/history.html |
diff --git a/chrome/browser/resources/md_history/history.html b/chrome/browser/resources/md_history/history.html |
index 2c115fa749130d482fdc680723c3bb404927a9ef..1fcb69330b8d7fbc43349ac0cd55891b9bc3dc3e 100644 |
--- a/chrome/browser/resources/md_history/history.html |
+++ b/chrome/browser/resources/md_history/history.html |
@@ -18,35 +18,18 @@ |
background: var(--md-background-color); |
display: flex; |
flex-direction: column; |
- min-width: 800px; |
- } |
- |
- #toolbar { |
- flex: 0 0 56px; |
- } |
- |
- #history-list { |
- flex: 1 0 0; |
- overflow: auto; |
- } |
- |
- #history-synced-device-manager { |
- flex: 1 0 0; |
- } |
- |
- #main-container { |
- display: flex; |
- flex: 1 0 0; |
- overflow: hidden; |
} |
/* Minimal styling required to display app shim. */ |
- .loading #main-container, |
- .loading history-toolbar, |
+ .loading history-app, |
.app-shim { |
display: none; |
} |
+ history-app { |
+ flex: 1; |
+ } |
+ |
.loading .app-shim { |
display: flex; |
font-size: 123%; |
@@ -61,7 +44,6 @@ |
height: 56px; |
} |
- history-toolbar, |
.loading #loading-toolbar { |
background: var(--md-toolbar-color); |
} |
@@ -77,15 +59,7 @@ |
</head> |
<body class="loading"> |
- <history-toolbar class="paper-header" id="toolbar"></history-toolbar> |
- |
- <div id="main-container"> |
- <history-side-bar id="history-side-bar"></history-side-bar> |
- <history-list id="history-list"></history-list> |
- <history-synced-device-manager id="history-synced-device-manager" hidden> |
- </history-synced-device-manager> |
- </div> |
- |
+ <history-app id="history-app"></history-app> |
<span class="app-shim" id="loading-toolbar">$i18n{title}</span> |
<span class="app-shim" id="loading-message">$i18n{loading}</span> |