| OLD | NEW |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 /* We introduce a wrapper aligner element as setting the relevant attributes | 5 /* We introduce a wrapper aligner element as setting the relevant attributes |
| 6 * (horizontal justified layout center) have no effect on the core-toolbar. */ | 6 * (horizontal justified layout center) have no effect on the core-toolbar. */ |
| 7 #aligner { | 7 #aligner { |
| 8 width: 100%; | 8 width: 100%; |
| 9 } | 9 } |
| 10 | 10 |
| 11 #title { | 11 #title { |
| 12 font-size: 77.8%; |
| 13 font-weight: 500; |
| 12 overflow: hidden; | 14 overflow: hidden; |
| 13 text-overflow: ellipsis; | 15 text-overflow: ellipsis; |
| 14 white-space: nowrap; | 16 white-space: nowrap; |
| 15 } | 17 } |
| 16 | 18 |
| 17 #pageselector-container { | 19 #pageselector-container { |
| 18 text-align: center; | 20 text-align: center; |
| 19 /* The container resizes according to the width of the toolbar. On small | 21 /* The container resizes according to the width of the toolbar. On small |
| 20 * screens with large numbers of pages, overflow page numbers without | 22 * screens with large numbers of pages, overflow page numbers without |
| 21 * wrapping. */ | 23 * wrapping. */ |
| 22 white-space: nowrap; | 24 white-space: nowrap; |
| 23 } | 25 } |
| 24 | 26 |
| 25 #buttons { | 27 #buttons { |
| 28 -webkit-user-select: none; |
| 26 text-align: right; | 29 text-align: right; |
| 27 } | 30 } |
| 28 | 31 |
| 29 #buttons > paper-icon-button { | 32 paper-icon-button { |
| 30 margin-right: 8px; | 33 margin-right: 12px; |
| 31 } | 34 } |
| 32 | 35 |
| 33 viewer-toolbar-dropdown { | 36 viewer-toolbar-dropdown { |
| 34 margin-right: 4px; | 37 margin-right: 4px; |
| 35 } | 38 } |
| 36 | 39 |
| 37 paper-progress { | 40 paper-progress { |
| 38 height: 56px; | |
| 39 position: absolute; | |
| 40 width: 100%; | |
| 41 z-index: 3; | |
| 42 } | |
| 43 | |
| 44 paper-progress { | |
| 45 --paper-progress-active-color: rgb(50, 54, 57); | 41 --paper-progress-active-color: rgb(50, 54, 57); |
| 46 --paper-progress-container-color: rgb(34, 36, 38); | 42 --paper-progress-container-color: rgb(34, 36, 38); |
| 43 height: 48px; |
| 44 position: absolute; |
| 45 width: 100%; |
| 47 } | 46 } |
| 48 | 47 |
| 49 paper-toolbar { | 48 paper-toolbar { |
| 49 @apply(--shadow-elevation-2dp); |
| 50 background-color: transparent; | 50 background-color: transparent; |
| 51 color: rgb(241, 241, 241); | 51 color: rgb(241, 241, 241); |
| 52 font-size: 1.5em; | 52 font-size: 1.5em; |
| 53 height: 56px; | 53 height: 48px; |
| 54 padding-left: 1em; | 54 padding: 0 16px; |
| 55 padding-right: 1em; | |
| 56 z-index: 3; | |
| 57 } | 55 } |
| 58 | 56 |
| 59 paper-toolbar /deep/ ::selection { | 57 paper-toolbar /deep/ ::selection { |
| 60 background: rgba(255, 255, 255, 0.3); | 58 background: rgba(255, 255, 255, 0.3); |
| 61 } | 59 } |
| 62 | 60 |
| 63 paper-toolbar /deep/ .toolbar-tools { | 61 paper-toolbar /deep/ .toolbar-tools { |
| 64 height: 56px; | 62 height: 48px; |
| 65 } | 63 } |
| 66 | 64 |
| 67 .invisible { | 65 .invisible { |
| 68 visibility: hidden; | 66 visibility: hidden; |
| 69 } | 67 } |
| OLD | NEW |