Make the Material Design PDF Viewer's toolbar thinner

The main toolbar of the Material Design PDF Viewer (at the top containing page selection functionality) is set to use the 'core-narrow' class, setting it to the same height as the toolbar in Inbox by Google. BUG=110020 Review URL: https://codereview.chromium.org/891563004 Cr-Commit-Position: refs/heads/master@{#314293}

Make the Material Design PDF Viewer's toolbar thinner
The main toolbar of the Material Design PDF Viewer (at the top containing page selection functionality) is set to use the 'core-narrow' class, setting it to the same height as the toolbar in Inbox by Google. BUG=110020 Review URL: https://codereview.chromium.org/891563004 Cr-Commit-Position: refs/heads/master@{#314293}
7e8cd61f · alexandrec · Commit bot · 08fe85a7 · 7e8cd61f · 7e8cd61f
Commit 7e8cd61f authored Feb 03, 2015 by alexandrec Committed by Commit bot Feb 03, 2015
Showing with 7 additions and 5 deletions

chrome/browser/resources/pdf/index-material.css chrome/browser/resources/pdf/index-material.css +6 -4

chrome/browser/resources/pdf/index-material.html chrome/browser/resources/pdf/index-material.html +1 -1

No files found.
--- a/chrome/browser/resources/pdf/index-material.css
+++ b/chrome/browser/resources/pdf/index-material.css
@@ -19,8 +19,10 @@ body {
 core-toolbar {
  background-color: transparent;
  color: rgb(241, 241, 241);
-  font-size: 2em;
-  height: 64px;
+  font-size: 1.5em;
+  height: 56px;
+  padding-left: 1em;
+  padding-right: 1em;
  z-index: 3;
 }

@@ -31,7 +33,7 @@ core-toolbar {
 }

 #progress-bar {
-  height: 64px;
+  height: 56px;
  position: absolute;
  width: 100%;
  z-index: 3;
@@ -47,7 +49,7 @@ paper-progress::shadow #progressContainer {

 #plugin {
  position: fixed;
-  top: 64px;
+  top: 56px;
  z-index: 1;
 }


--- a/chrome/browser/resources/pdf/index-material.html
+++ b/chrome/browser/resources/pdf/index-material.html
@@ -20,7 +20,7 @@
 <body>
 <paper-shadow id="toolbar-shadow" z="1">
  <paper-progress value="0" id="progress-bar"></paper-progress>
-  <core-toolbar id="pdf-toolbar">
+  <core-toolbar id="pdf-toolbar" class="core-narrow">
    <span id="title" flex></span>

    <viewer-page-selector id="page-indicator" flex></viewer-page-selector>