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 |