| Index: chrome/browser/resources/pdf/index.html
|
| diff --git a/chrome/browser/resources/pdf/index.html b/chrome/browser/resources/pdf/index.html
|
| index 680aefeb3c55a03e5def5632ae8fbb1455202f44..fa4768c27e91d38936603fe69b1fe45ba7cb2628 100644
|
| --- a/chrome/browser/resources/pdf/index.html
|
| +++ b/chrome/browser/resources/pdf/index.html
|
| @@ -172,20 +172,20 @@ license that can be found in the LICENSE file.
|
| </polymer-element>
|
|
|
| <polymer-element name="viewer-toolbar" attributes="fadingIn" on-mouseover="{{fadeIn}}" on-mousemove="{{fadeIn}}" on-mouseout="{{fadeOut}}" assetpath="html_office/elements/viewer-toolbar/">
|
| - <template>
|
| - <style>/* Copyright 2013 The Chromium Authors. All rights reserved.
|
| +<template>
|
| + <style>/* Copyright 2013 The Chromium Authors. All rights reserved.
|
| * Use of this source code is governed by a BSD-style license that can be
|
| * found in the LICENSE file. */
|
|
|
| :host {
|
| - -webkit-transition: opacity 0.4s ease-in-out;
|
| + -webkit-transition: opacity 400ms ease-in-out;
|
| bottom: 0;
|
| display: block;
|
| font-size: 0;
|
| opacity: 1;
|
| + padding: 30px 30px 15px 30vw;
|
| position: fixed;
|
| right: 0;
|
| - padding: 30px 30px 15px 30vw;
|
| }
|
|
|
| #toolbar {
|
| @@ -194,16 +194,16 @@ license that can be found in the LICENSE file.
|
| overflow: hidden;
|
| }
|
| </style>
|
| - <div id="toolbar">
|
| - <content></content>
|
| - </div>
|
| - </template>
|
| -
|
| + <div id="toolbar">
|
| + <content></content>
|
| + </div>
|
| +</template>
|
| +
|
| </polymer-element>
|
|
|
| <polymer-element name="viewer-button" attributes="src latchable" assetpath="html_office/elements/viewer-button/">
|
| - <template>
|
| - <style>/* Copyright 2013 The Chromium Authors. All rights reserved.
|
| +<template>
|
| + <style>/* Copyright 2013 The Chromium Authors. All rights reserved.
|
| * Use of this source code is governed by a BSD-style license that can be
|
| * found in the LICENSE file. */
|
|
|
| @@ -240,9 +240,9 @@ license that can be found in the LICENSE file.
|
| background-image: none;
|
| }
|
| </style>
|
| - <div id="icon"></div>
|
| - </template>
|
| -
|
| + <div id="icon"></div>
|
| +</template>
|
| +
|
| </polymer-element>
|
| <style>
|
| body {
|
| @@ -252,22 +252,35 @@ license that can be found in the LICENSE file.
|
| viewer-toolbar {
|
| z-index: 2;
|
| }
|
| - object {
|
| + #plugin {
|
| + height: 100%;
|
| + position: fixed;
|
| + width: 100%;
|
| z-index: 1;
|
| }
|
| + #sizer {
|
| + position: absolute;
|
| + z-index: 0;
|
| + }
|
| </style>
|
| </head>
|
| <body>
|
|
|
| -<viewer-toolbar>
|
| +<div id="sizer"></div>
|
| +
|
| +<viewer-toolbar id="toolbar">
|
| <polymer-selector>
|
| - <viewer-button src="button_fit_page.png" latchable="true"></viewer-button>
|
| - <viewer-button src="button_fit_width.png" latchable="true"></viewer-button>
|
| - <viewer-button src="button_zoom_in.png"></viewer-button>
|
| - <viewer-button src="button_zoom_out.png"></viewer-button>
|
| + <viewer-button id="fit-to-page-button" src="button_fit_page.png" latchable="">
|
| + </viewer-button>
|
| + <viewer-button id="fit-to-width-button" src="button_fit_width.png" latchable="">
|
| + </viewer-button>
|
| + <viewer-button id="zoom-in-button" src="button_zoom_in.png">
|
| + </viewer-button>
|
| + <viewer-button id="zoom-out-button" src="button_zoom_out.png">
|
| + </viewer-button>
|
| </polymer-selector>
|
| - <viewer-button src="button_save.png"></viewer-button>
|
| - <viewer-button src="button_print.png"></viewer-button>
|
| + <viewer-button id="save-button" src="button_save.png"></viewer-button>
|
| + <viewer-button id="print-button" src="button_print.png"></viewer-button>
|
| </viewer-toolbar>
|
|
|
|
|
|
|