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

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

Issue 2879783003: PDF: Tweak font-size and colors to more closely match other MD WebUI (Closed)
Patch Set: Created 3 years, 7 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 #wrapper { 5 #wrapper {
6 transition: transform 250ms; 6 transition: transform 250ms;
7 transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 7 transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
8 } 8 }
9 9
10 :host([closed]) #wrapper { 10 :host([closed]) #wrapper {
11 /* 132px roughly flips the location of the button across the right edge of the 11 /* 132px roughly flips the location of the button across the right edge of the
12 * page. */ 12 * page. */
13 transform: translateX(132px); 13 transform: translateX(132px);
14 transition-timing-function: cubic-bezier(0.4, 0, 1, 1); 14 transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
15 } 15 }
16 16
17 :host-context([dir=rtl]):host([closed]) #wrapper { 17 :host-context([dir=rtl]):host([closed]) #wrapper {
18 transform: translateX(-132px); 18 transform: translateX(-132px);
19 } 19 }
20 20
21 paper-fab { 21 paper-fab {
22 --paper-fab-keyboard-focus-background: var(--viewer-icon-ink-color); 22 --paper-fab-keyboard-focus-background: var(--viewer-icon-ink-color);
23 --paper-fab-mini: { 23 --paper-fab-mini: {
24 height: 36px; 24 height: 36px;
25 padding: 8px; 25 padding: 8px;
26 width: 36px; 26 width: 36px;
27 }; 27 };
28 @apply(--shadow-elevation-4dp); 28 @apply(--shadow-elevation-4dp);
29 background-color: rgb(242, 242, 242); 29 background-color: rgb(242, 242, 242);
30 color: rgb(96, 96, 96); 30 color: var(--paper-grey-700);
31 overflow: visible; 31 overflow: visible;
32 } 32 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698