| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html i18n-values="dir:textdirection;lang:language"> | 2 <html i18n-values="dir:textdirection;lang:language"> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf8"> | 4 <meta charset="utf8"> |
| 5 <title>$i18n{title}</title> | 5 <title>$i18n{title}</title> |
| 6 | 6 |
| 7 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> | 7 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| 8 <link rel="import" href="chrome://resources/html/md_shared_styles_classes.html
"> |
| 8 | 9 |
| 9 <style> | 10 <style> |
| 10 html, | 11 html, |
| 11 body { | 12 body { |
| 12 height: 100%; | 13 height: 100%; |
| 13 margin: 0; | 14 margin: 0; |
| 14 } | 15 } |
| 15 | 16 |
| 16 body { | 17 body { |
| 17 background: #f2f2f2; | |
| 18 display: flex; | 18 display: flex; |
| 19 flex-direction: column; | 19 flex-direction: column; |
| 20 min-width: 800px; | 20 min-width: 800px; |
| 21 } | 21 } |
| 22 | 22 |
| 23 #toolbar { | 23 #toolbar { |
| 24 flex: 0 0 56px; | 24 flex: 0 0 56px; |
| 25 } | 25 } |
| 26 | 26 |
| 27 #history-list { | 27 #history-list { |
| 28 flex: 1 0 0; | 28 flex: 1 0 0; |
| 29 overflow: auto; | 29 overflow: auto; |
| 30 } | 30 } |
| 31 | 31 |
| 32 #history-synced-device-manager { | 32 #history-synced-device-manager { |
| 33 flex: 1 0 0; | 33 flex: 1 0 0; |
| 34 } | 34 } |
| 35 | 35 |
| 36 #main-container { | 36 #main-container { |
| 37 display: flex; | 37 display: flex; |
| 38 flex: 1 0 0; | 38 flex: 1 0 0; |
| 39 overflow: hidden; | 39 overflow: hidden; |
| 40 } | 40 } |
| 41 </style> | 41 </style> |
| 42 </head> | 42 </head> |
| 43 | 43 |
| 44 <body> | 44 <body class="md-webui-body"> |
| 45 <history-toolbar class="paper-header" id="toolbar"></history-toolbar> | 45 <history-toolbar class="paper-header" id="toolbar"></history-toolbar> |
| 46 <div id="main-container"> | 46 <div id="main-container"> |
| 47 <history-side-bar id="history-side-bar"></history-side-bar> | 47 <history-side-bar id="history-side-bar"></history-side-bar> |
| 48 <history-list id="history-list"></history-list> | 48 <history-list id="history-list"></history-list> |
| 49 <history-synced-device-manager id="history-synced-device-manager" hidden> | 49 <history-synced-device-manager id="history-synced-device-manager" hidden> |
| 50 </history-synced-device-manager> | 50 </history-synced-device-manager> |
| 51 </div> | 51 </div> |
| 52 | 52 |
| 53 <link rel="import" href="chrome://resources/html/polymer_config.html"> | 53 <link rel="import" href="chrome://resources/html/polymer_config.html"> |
| 54 <link rel="import" href="chrome://resources/html/cr.html"> | 54 <link rel="import" href="chrome://resources/html/cr.html"> |
| (...skipping 11 matching lines...) Expand all Loading... |
| 66 | 66 |
| 67 <!-- | 67 <!-- |
| 68 Prepare strings and perform i18n substitutions. | 68 Prepare strings and perform i18n substitutions. |
| 69 TODO(tsergeant): Remove once we are fully converted to | 69 TODO(tsergeant): Remove once we are fully converted to |
| 70 ReplaceTemplateExpressions. It is currently only used for the <html> tag. | 70 ReplaceTemplateExpressions. It is currently only used for the <html> tag. |
| 71 --> | 71 --> |
| 72 <link rel="import" href="chrome://resources/html/i18n_template.html"> | 72 <link rel="import" href="chrome://resources/html/i18n_template.html"> |
| 73 </body> | 73 </body> |
| 74 | 74 |
| 75 </html> | 75 </html> |
| OLD | NEW |