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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/security/sidebar.css

Issue 2229443005: DevTools Security Panel: Use the new security indicators. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add source SVG. Created 4 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/security/mainView.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 5
6 .tree-outline { 6 .tree-outline {
7 padding: 0; 7 padding: 0;
8 } 8 }
9 9
10 .tree-outline li { 10 .tree-outline li {
11 display: flex; 11 display: flex;
12 flex-direction: row; 12 flex-direction: row;
13 align-items: center; 13 align-items: center;
14 } 14 }
15 15
16 .tree-outline:focus li.selected .lock-icon-neutral { 16 .tree-outline:focus li.selected .lock-icon,
17 background-color: #fff; 17 .tree-outline:focus .security-sidebar-tree-item.selected .icon
18 {
19 background-color: white;
18 } 20 }
19 21
20 .tree-outline .security-main-view-sidebar-tree-item { 22 .tree-outline .security-main-view-sidebar-tree-item {
21 border-bottom: 1px solid rgb(230, 230, 230); 23 border-bottom: 1px solid rgb(230, 230, 230);
22 padding: 16px 0; 24 padding: 16px 0;
23 } 25 }
24 26
25 .tree-outline .security-sidebar-origins { 27 .tree-outline .security-sidebar-origins {
26 padding: 1px 8px 6px 8px; 28 padding: 1px 8px 6px 8px;
27 margin-top: 1em; 29 margin-top: 1em;
(...skipping 10 matching lines...) Expand all
38 } 40 }
39 41
40 .tree-outline .security-main-view-sidebar-tree-item, 42 .tree-outline .security-main-view-sidebar-tree-item,
41 .tree-outline .security-sidebar-origins, 43 .tree-outline .security-sidebar-origins,
42 .tree-outline .sidebar-tree-section + .children > .sidebar-tree-item { 44 .tree-outline .sidebar-tree-section + .children > .sidebar-tree-item {
43 padding-left: 16px; 45 padding-left: 16px;
44 } 46 }
45 47
46 .tree-outline .sidebar-tree-item .lock-icon, 48 .tree-outline .sidebar-tree-item .lock-icon,
47 .tree-outline .sidebar-tree-item .security-property { 49 .tree-outline .sidebar-tree-item .security-property {
48 margin-right: 2px; 50 margin-right: 4px;
49 flex: none; 51 flex: none;
50 } 52 }
51 53
52 .tree-outline:focus .security-sidebar-tree-item.selected .icon:not(.security-pro perty-unknown) {
53 background-image: none;
54 background-color: #fff;
55 }
56
57 .security-sidebar-tree-item { 54 .security-sidebar-tree-item {
58 padding: 2px 0; 55 padding: 2px 0;
59 } 56 }
60 57
61 .security-sidebar-tree-item .titles { 58 .security-sidebar-tree-item .titles {
62 overflow: hidden; 59 overflow: hidden;
63 margin-right: 5px; 60 margin-right: 5px;
64 } 61 }
65 62
66 .tree-outline li.selected .lock-icon-neutral {
67 background-image: none;
68 background-color: #5a5a5a;
69 -webkit-mask-image: url(Images/securityStateNeutral.svg);
70 -webkit-mask-size: cover;
71 }
72
73 .tree-outline .security-sidebar-tree-item.selected .security-property-insecure {
74 -webkit-mask-image: url(Images/securityPropertyInsecure.svg);
75 }
76
77 .security-sidebar-tree-item.selected .security-property-neutral,
78 .security-sidebar-tree-item.selected .security-property-warning {
79 -webkit-mask-image: url(Images/securityPropertyWarning.svg);
80 }
81
82 .tree-outline .security-sidebar-tree-item.selected .security-property-unknown {
83 -webkit-mask-image: url(Images/securityPropertyUnknown.svg);
84 }
85
86 .security-sidebar-tree-item.selected .security-property-secure {
87 -webkit-mask-image: url(Images/securityPropertySecure.svg);
88 }
89
90 .sidebar-tree-item.security-main-view-reload-message .title { 63 .sidebar-tree-item.security-main-view-reload-message .title {
91 color: rgba(0, 0, 0, 0.5); 64 color: rgba(0, 0, 0, 0.5);
92 padding-left: 8px; 65 padding-left: 8px;
93 } 66 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/security/mainView.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698