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

Side by Side Diff: ui/webui/resources/css/controlled_indicator.css

Issue 1227223004: Switch controlled settings indicators to inlined SVGs. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase Created 5 years, 5 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 2013 The Chromium Authors. All rights reserved. 1 /* Copyright 2013 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 /* Controlled setting indicator and bubble. */ 5 /* Controlled setting indicator and bubble. */
6 6
7 .controlled-setting-with-label input:disabled + span { 7 .controlled-setting-with-label input:disabled + span {
8 color: #999; 8 color: #999;
9 } 9 }
10 10
11 .controlled-setting-indicator { 11 .controlled-setting-indicator {
12 -webkit-margin-end: 0.3em; 12 -webkit-margin-end: 0.3em;
13 } 13 }
14 14
15 .controlled-setting-indicator:not([controlled-by]) { 15 .controlled-setting-indicator:not([controlled-by]) {
16 display: none; 16 display: none;
17 } 17 }
18 18
19 .controlled-setting-indicator[controlled-by='policy'] > div { 19 .controlled-setting-indicator[controlled-by] > div {
20 background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY); 20 background-position: 50%;
21 background-size: 18px;
22 }
23
24 .controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
25 [controlled-by='hasRecommendation']) > div,
26 .controlled-setting-indicator[controlled-by='policy'] > div {
27 background-image: url(../images/business.svg);
21 } 28 }
22 29
23 .controlled-setting-indicator[controlled-by='owner'] > div { 30 .controlled-setting-indicator[controlled-by='owner'] > div {
24 background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_OWNER); 31 background-image: url(../images/account_circle.svg);
25 } 32 }
26 33
27 .controlled-setting-indicator[controlled-by='extension'] > div { 34 .controlled-setting-indicator[controlled-by='extension'] > div {
28 background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION); 35 background-image: url(../images/extension.svg);
29 } 36 }
30 37
38 <if expr="chromeos">
31 .controlled-setting-indicator[controlled-by='shared'] > div { 39 .controlled-setting-indicator[controlled-by='shared'] > div {
32 background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_SHARED); 40 background-image: url(../images/group.svg);
33 } 41 }
42 </if>
34 43
35 .controlled-setting-indicator[controlled-by='child-custodian'] > div { 44 .controlled-setting-indicator[controlled-by='child-custodian'] > div {
36 background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_CHILD); 45 background-image: url(../images/account_child_invert.svg);
37 } 46 }
38 47
39 .controlled-setting-indicator[controlled-by='supervised-user-custodian'] > div { 48 .controlled-setting-indicator[controlled-by='supervised-user-custodian'] > div {
40 background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_SUPERVISED); 49 background-image: url(../images/supervisor_account.svg);
41 }
42
43 .controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
44 [controlled-by='hasRecommendation']) > div {
45 background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY);
46 } 50 }
47 51
48 .controlled-setting-bubble-action { 52 .controlled-setting-bubble-action {
49 padding: 0 !important; 53 padding: 0 !important;
50 } 54 }
51 55
52 .controlled-setting-bubble-header { 56 .controlled-setting-bubble-header {
53 margin-top: 3px; 57 margin-top: 3px;
54 } 58 }
55 59
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
87 .controlled-setting-bubble-extension-disable-button { 91 .controlled-setting-bubble-extension-disable-button {
88 bottom: 0; 92 bottom: 0;
89 position: absolute; 93 position: absolute;
90 right: 0; 94 right: 0;
91 } 95 }
92 96
93 html[dir='rtl'] .controlled-setting-bubble-extension-disable-button { 97 html[dir='rtl'] .controlled-setting-bubble-extension-disable-button {
94 left: 0; 98 left: 0;
95 right: auto; 99 right: auto;
96 } 100 }
OLDNEW
« no previous file with comments | « chrome/browser/extensions/extension_context_menu_model.cc ('k') | ui/webui/resources/images/account_child_invert.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698