| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .tree-outline { | 7 .tree-outline { |
| 8 padding: 0 0 4px 4px; | 8 padding: 0 0 4px 4px; |
| 9 margin: 0; | 9 margin: 0; |
| 10 z-index: 0; | 10 z-index: 0; |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 58 padding: 0; | 58 padding: 0; |
| 59 } | 59 } |
| 60 | 60 |
| 61 .tree-outline ol { | 61 .tree-outline ol { |
| 62 padding-left: 12px; | 62 padding-left: 12px; |
| 63 } | 63 } |
| 64 | 64 |
| 65 .tree-outline li { | 65 .tree-outline li { |
| 66 text-overflow: ellipsis; | 66 text-overflow: ellipsis; |
| 67 white-space: nowrap; | 67 white-space: nowrap; |
| 68 overflow: hidden; | |
| 69 min-height: 17px; | 68 min-height: 17px; |
| 70 padding-top: 2px; | 69 padding-top: 2px; |
| 71 position: relative; | 70 position: relative; |
| 72 } | 71 } |
| 73 | 72 |
| 74 ol.tree-outline:focus li.selected { | 73 ol.tree-outline:focus li.selected { |
| 75 color: white; | 74 color: white; |
| 76 } | 75 } |
| 77 | 76 |
| 78 ol.tree-outline:focus li.selected * { | 77 ol.tree-outline:focus li.selected * { |
| 79 color: inherit; | 78 color: inherit; |
| 80 } | 79 } |
| 81 | 80 |
| 82 .tree-outline li::before { | 81 .tree-outline li::before { |
| 83 float: left; | |
| 84 -webkit-user-select: none; | 82 -webkit-user-select: none; |
| 85 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 83 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); |
| 86 -webkit-mask-size: 352px 168px; | 84 -webkit-mask-size: 352px 168px; |
| 87 content: "a"; | 85 content: "aa"; |
| 88 color: transparent; | 86 color: transparent; |
| 89 text-shadow: none; | 87 text-shadow: none; |
| 90 position: relative; | 88 margin-right: -2px; |
| 91 margin-right: 1px; | 89 height: 12px; |
| 92 top: 1px; | |
| 93 width: 10px; | |
| 94 height: 10px; | |
| 95 } | 90 } |
| 96 | 91 |
| 97 .tree-outline li:not(.parent)::before { | 92 .tree-outline li:not(.parent)::before { |
| 98 background-color: transparent; | 93 background-color: transparent; |
| 99 } | 94 } |
| 100 | 95 |
| 101 @media (-webkit-min-device-pixel-ratio: 1.5) { | 96 @media (-webkit-min-device-pixel-ratio: 1.5) { |
| 102 .tree-outline li::before { | 97 .tree-outline li::before { |
| 103 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 98 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 104 } | 99 } |
| 105 } /* media */ | 100 } /* media */ |
| 106 | 101 |
| 107 .tree-outline li::before { | 102 .tree-outline li::before { |
| 108 -webkit-mask-position: -4px -96px; | 103 -webkit-mask-position: -4px -96px; |
| 109 background-color: rgb(110, 110, 110); | 104 background-color: rgb(110, 110, 110); |
| 110 } | 105 } |
| 111 | 106 |
| 112 .tree-outline li.parent.expanded::before { | 107 .tree-outline li.parent.expanded::before { |
| 113 -webkit-mask-position: -20px -96px; | 108 -webkit-mask-position: -20px -96px; |
| 114 } | 109 } |
| 115 | 110 |
| 116 .tree-outline ol.children { | 111 .tree-outline ol.children { |
| 117 display: none; | 112 display: none; |
| 118 } | 113 } |
| 119 | 114 |
| 120 .tree-outline ol.children.expanded { | 115 .tree-outline ol.children.expanded { |
| 121 display: block; | 116 display: block; |
| 122 } | 117 } |
| OLD | NEW |