Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(48)

Side by Side Diff: chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css

Issue 1312373002: Material PDF: Style audit and cleanup (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix tests for page selector Created 5 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698