| OLD | NEW |
| 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 Loading... |
| 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 } |
| OLD | NEW |