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

Side by Side Diff: chrome/browser/resources/md_downloads/toolbar.css

Issue 1265683003: MD downloads: add a narrow mode for smaller windows (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@paper-menu-button2
Patch Set: yeah, i did that Created 5 years, 4 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 :host { 5 :host {
6 @apply(--downloads-shared-style); 6 @apply(--downloads-shared-style);
7 align-items: center; 7 align-items: center;
8 background: rgb(63, 85, 102); 8 background: rgb(63, 85, 102);
9 color: white; 9 color: white;
10 content-sizing: padding-box; 10 content-sizing: padding-box;
(...skipping 21 matching lines...) Expand all
32 width: var(--downloads-item-width); 32 width: var(--downloads-item-width);
33 } 33 }
34 34
35 #search { 35 #search {
36 display: flex; 36 display: flex;
37 justify-content: flex-end; 37 justify-content: flex-end;
38 } 38 }
39 39
40 #search-term { 40 #search-term {
41 --paper-input-container-color: rgba(255, 255, 255, .5); 41 --paper-input-container-color: rgba(255, 255, 255, .5);
42 --paper-input-container-focus-color: white;
42 --paper-input-container-input: { 43 --paper-input-container-input: {
43 font-size: 14px; 44 font-size: 14px;
44 }; 45 };
45 --paper-input-container-input-color: white; 46 --paper-input-container-input-color: white;
46 --paper-input-container-focus-color: white;
47 --paper-input-container-label: { 47 --paper-input-container-label: {
48 font-size: 14px; 48 font-size: 14px;
49 }; 49 };
50 -webkit-margin-end: 8px; 50 -webkit-margin-end: 8px;
51 } 51 }
52
53 paper-menu-button {
54 display: none;
55 --paper-menu-button: {
56 padding: 0;
57 };
58 }
59
60 paper-item {
61 -webkit-user-select: none;
62 cursor: pointer;
63 font: inherit;
64 }
65
66 paper-item:hover {
67 background: #eaeaea; /* TODO(dbeam): real color? */
68 }
69
70 @media all and (max-width: 1024px) {
71 #actions {
72 display: none;
73 }
74 paper-menu-button {
75 display: inline-block;
76 }
77 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698