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

Unified Diff: chrome/browser/resources/md_history/history.html

Issue 1932413003: [MD History] Refactor history.html into a history-app element. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 8 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/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>

Powered by Google App Engine
This is Rietveld 408576698