| 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 padding: 2px 5px; |
| 15 overflow: hidden; |
| 16 margin: 2px 0; |
| 17 border-top: 1px solid transparent; |
| 18 white-space: nowrap; |
| 14 } | 19 } |
| 15 | 20 |
| 16 .tree-outline:focus li.selected .lock-icon, | 21 .tree-outline:focus li.selected .lock-icon, |
| 17 .tree-outline:focus .security-sidebar-tree-item.selected .icon | 22 .tree-outline:focus .security-sidebar-tree-item.selected .icon |
| 18 { | 23 { |
| 19 background-color: white; | 24 background-color: white; |
| 20 } | 25 } |
| 21 | 26 |
| 22 .tree-outline .security-main-view-sidebar-tree-item { | 27 .tree-outline .security-main-view-sidebar-tree-item { |
| 23 border-bottom: 1px solid rgb(230, 230, 230); | 28 border-bottom: 1px solid rgb(230, 230, 230); |
| 24 padding: 16px 0; | 29 padding: 16px 0; |
| 25 } | 30 } |
| 26 | 31 |
| 27 .tree-outline .security-sidebar-origins { | 32 .tree-outline li.security-sidebar-origins { |
| 28 padding: 1px 8px 6px 8px; | 33 padding: 1px 8px 1px 13px; |
| 29 margin-top: 1em; | 34 margin-top: 1em; |
| 30 margin-bottom: 0.5em; | 35 margin-bottom: 0.5em; |
| 31 color: rgb(90, 90, 90); | 36 color: rgb(90, 90, 90); |
| 37 border-top: none; |
| 38 line-height: 16px; |
| 39 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; |
| 32 } | 40 } |
| 33 | 41 |
| 34 .tree-outline ol { | 42 .tree-outline ol { |
| 35 padding-left: 0; | 43 padding-left: 0; |
| 36 } | 44 } |
| 37 | 45 |
| 38 .tree-outline li::before { | 46 .tree-outline li::before { |
| 39 content: none; | 47 content: none; |
| 40 } | 48 } |
| 41 | 49 |
| 42 .tree-outline .security-main-view-sidebar-tree-item, | 50 .tree-outline .security-main-view-sidebar-tree-item, |
| 43 .tree-outline .security-sidebar-origins, | 51 .tree-outline .security-sidebar-origins, |
| 44 .tree-outline .sidebar-tree-section + .children > .sidebar-tree-item { | 52 .tree-outline li.security-sidebar-origins + .children > li { |
| 45 padding-left: 16px; | 53 padding-left: 16px; |
| 46 } | 54 } |
| 47 | 55 |
| 48 .tree-outline .sidebar-tree-item .lock-icon, | 56 .tree-outline .lock-icon, |
| 49 .tree-outline .sidebar-tree-item .security-property { | 57 .tree-outline .security-property { |
| 50 margin-right: 4px; | 58 margin-right: 4px; |
| 51 flex: none; | 59 flex: none; |
| 52 } | 60 } |
| 53 | 61 |
| 54 .security-sidebar-tree-item { | 62 .security-sidebar-tree-item { |
| 55 padding: 2px 0; | 63 padding: 2px 0; |
| 56 } | 64 } |
| 57 | 65 |
| 58 .security-sidebar-tree-item .titles { | 66 .security-sidebar-tree-item .title { |
| 59 overflow: hidden; | 67 overflow: hidden; |
| 60 margin-right: 5px; | 68 margin-right: 5px; |
| 61 } | 69 } |
| 62 | 70 |
| 63 .sidebar-tree-item.security-main-view-reload-message .title { | 71 .security-main-view-reload-message .tree-element-title { |
| 64 color: rgba(0, 0, 0, 0.5); | 72 color: rgba(0, 0, 0, 0.5); |
| 65 padding-left: 8px; | 73 padding-left: 8px; |
| 66 } | 74 } |
| OLD | NEW |