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

Side by Side Diff: chrome/browser/resources/settings/people_page/change_picture.css

Issue 1813643002: [MD settings] icon color and sizing centralized (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: cleanup Created 4 years, 9 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 (c) 2015 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 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 #container { 5 #container {
6 -webkit-margin-start: 16px; 6 -webkit-margin-start: 16px;
7 align-items: flex-start; 7 align-items: flex-start;
8 padding-top: 16px; 8 padding-top: 16px;
9 } 9 }
10 10
11 #availableIcons img, 11 #availableIcons img,
12 #availableIcons iron-icon { 12 #availableIcons iron-icon {
13 border-radius: 4px; 13 border-radius: 4px;
14 margin: 8px; 14 margin: 8px;
15 } 15 }
16 16
17 #availableIcons img { 17 #availableIcons img {
18 height: 64px; 18 height: 64px;
19 padding: 2px; 19 padding: 2px;
20 vertical-align: top; 20 vertical-align: top;
21 width: 64px; 21 width: 64px;
22 } 22 }
23 23
24 #availableIcons iron-icon { 24 #availableIcons iron-icon {
25 border: 1px solid var(--google-grey-500); 25 border: 1px solid var(--google-grey-500);
26 height: 32px;
27 padding: 17px; 26 padding: 17px;
28 width: 32px;
29 } 27 }
30 28
31 #availableIcons .iron-selected { 29 #availableIcons .iron-selected {
32 border: 2px solid var(--google-blue-500); 30 border: 2px solid var(--google-blue-500);
33 } 31 }
34 32
35 #availableIcons img.iron-selected { 33 #availableIcons img.iron-selected {
36 padding: 0; 34 padding: 0;
37 } 35 }
38 36
(...skipping 25 matching lines...) Expand all
64 padding: 8px; 62 padding: 8px;
65 } 63 }
66 64
67 #discardOldImage { 65 #discardOldImage {
68 background-color: var(--paper-red-500); 66 background-color: var(--paper-red-500);
69 border-radius: 50%; 67 border-radius: 50%;
70 color: white; 68 color: white;
71 display: block; 69 display: block;
72 margin: 0 auto 0 auto; 70 margin: 0 auto 0 auto;
73 } 71 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698