| Index: chrome/browser/resources/pdf/index.html
|
| diff --git a/chrome/browser/resources/pdf/index.html b/chrome/browser/resources/pdf/index.html
|
| index fa4768c27e91d38936603fe69b1fe45ba7cb2628..3c2dd52319952d77a9ce919ba63c534d87d11b05 100644
|
| --- a/chrome/browser/resources/pdf/index.html
|
| +++ b/chrome/browser/resources/pdf/index.html
|
| @@ -12,6 +12,8 @@
|
|
|
|
|
|
|
| +
|
| +
|
| <!--
|
| Copyright 2013 The Polymer Authors. All rights reserved.
|
| Use of this source code is governed by a BSD-style
|
| @@ -244,12 +246,150 @@ license that can be found in the LICENSE file.
|
| </template>
|
|
|
| </polymer-element>
|
| +
|
| +<polymer-element name="viewer-page-indicator" attributes="text" assetpath="html_office/elements/viewer-page-indicator/">
|
| +<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 400ms ease-in-out;
|
| + pointer-events: none;
|
| + position: fixed;
|
| + right: 0;
|
| +}
|
| +
|
| +#text {
|
| + background-color: rgba(0, 0, 0, 0.5);
|
| + border-radius: 5px;
|
| + color: white;
|
| + float: left;
|
| + font-family: sans-serif;
|
| + font-size: 12px;
|
| + font-weight: bold;
|
| + line-height: 48px;
|
| + text-align: center;
|
| + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
|
| + width: 62px;
|
| +}
|
| +
|
| +#triangle-right {
|
| + border-bottom: 6px solid transparent;
|
| + border-left: 8px solid rgba(0, 0, 0, 0.5);
|
| + border-top: 6px solid transparent;
|
| + display: inline;
|
| + float: left;
|
| + height: 0;
|
| + margin-top: 18px;
|
| + width: 0;
|
| +}</style>
|
| + <div id="text">{{text}}</div>
|
| + <div id="triangle-right"></div>
|
| +</template>
|
| +
|
| +</polymer-element>
|
| +
|
| +<polymer-element name="viewer-progress-bar" attributes="progress text numSegments" assetpath="html_office/elements/viewer-progress-bar/">
|
| +<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 400ms ease-in-out;
|
| + background: rgb(29, 39, 57);
|
| + border-radius: 5px;
|
| + bottom: 26px;
|
| + box-shadow: 0 1px 2px gray, 0 3px 3px rgba(0, 0, 0, .2);
|
| + height: auto;
|
| + left: 26px;
|
| + pointer-events: none;
|
| + position: fixed;
|
| + width: auto;
|
| +}
|
| +
|
| +.scaler {
|
| + -webkit-transform: scale(0.25);
|
| + -webkit-transform-origin: 0 0;
|
| + float: left;
|
| + height: 44px;
|
| + margin: 8px;
|
| + width: 44px;
|
| +}
|
| +
|
| +#segments {
|
| + border-radius: 50%;
|
| + height: 176px;
|
| + list-style: none;
|
| + margin: 0;
|
| + overflow: hidden;
|
| + padding: 0;
|
| + position: absolute;
|
| + width: 176px;
|
| +}
|
| +
|
| +.segment {
|
| + -webkit-transform-origin: 0 100%;
|
| + background: rgb(227, 234, 249);
|
| + box-shadow: 0 0 0 6px rgb(29, 39, 57) inset;
|
| + height: 50%;
|
| + overflow: hidden;
|
| + position: absolute;
|
| + right: 0;
|
| + top: 0;
|
| + width: 50%;
|
| +}
|
| +
|
| +.center-circle {
|
| + background-color: rgb(29, 39, 57);
|
| + border-radius: 50%;
|
| + height: 80px;
|
| + left: 44px;
|
| + margin: 0;
|
| + padding: 0;
|
| + position: absolute;
|
| + top: 44px;
|
| + width: 80px;
|
| +}
|
| +
|
| +#text {
|
| + color: rgb(227, 234, 249);
|
| + float: left;
|
| + font-family: sans-serif;
|
| + font-size: 16px;
|
| + font-weight: bold;
|
| + line-height: 58px;
|
| + margin-right: 10px;
|
| + margin-top: 1px;
|
| +}
|
| +</style>
|
| + <div class="scaler">
|
| + <ul id="segments"></ul>
|
| + <div class="center-circle"></div>
|
| + </div>
|
| + <div id="text">{{text}}</div>
|
| +</template>
|
| +
|
| +</polymer-element>
|
| <style>
|
| body {
|
| background-color: #ccc;
|
| margin: 0;
|
| }
|
| viewer-toolbar {
|
| + visibility: hidden;
|
| + z-index: 3;
|
| + }
|
| + viewer-page-indicator {
|
| + visibility: hidden;
|
| + z-index: 3;
|
| + }
|
| + viewer-progress-bar {
|
| + z-index: 3;
|
| + }
|
| + viewer-error-screen {
|
| + visibility: hidden;
|
| z-index: 2;
|
| }
|
| #plugin {
|
| @@ -267,6 +407,8 @@ license that can be found in the LICENSE file.
|
| <body>
|
|
|
| <div id="sizer"></div>
|
| +<viewer-page-indicator id="page-indicator"></viewer-page-indicator>
|
| +<viewer-progress-bar id="progress-bar"></viewer-progress-bar>
|
|
|
| <viewer-toolbar id="toolbar">
|
| <polymer-selector>
|
|
|
Chromium Code Reviews
Issue 138703009:
Hookup the page-indicator and progress-bar elements in the PDF extension. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src