Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* | 1 /* |
| 2 * Copyright 2016 The Chromium Authors. All rights reserved. | 2 * Copyright 2016 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-left: 0; | 8 padding-left: 0; |
| 9 color: rgb(90, 90, 90); | 9 color: rgb(90, 90, 90); |
| 10 } | 10 } |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 48 .navigator-tree-item .icon { | 48 .navigator-tree-item .icon { |
| 49 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 49 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 50 } | 50 } |
| 51 } /* media */ | 51 } /* media */ |
| 52 | 52 |
| 53 .navigator-file-tree-item .icon { | 53 .navigator-file-tree-item .icon { |
| 54 -webkit-mask-position: -224px -72px; | 54 -webkit-mask-position: -224px -72px; |
| 55 background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%)); | 55 background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%)); |
| 56 } | 56 } |
| 57 | 57 |
| 58 :focus .navigator-file-tree-item.selected .icon { | 58 :focus .navigator-file-tree-item.selected .icon, |
| 59 :focus .navigator-folder-tree-item.selected .icon, | |
| 60 :focus .navigator-frame-tree-item.selected .icon { | |
| 59 background: white !important; | 61 background: white !important; |
| 60 } | 62 } |
| 61 | 63 |
| 62 :focus .navigator-folder-tree-item.selected .icon { | |
| 63 background: white !important; | |
| 64 } | |
| 65 | |
| 66 .navigator-folder-tree-item .icon { | 64 .navigator-folder-tree-item .icon { |
| 67 -webkit-mask-position: -64px -120px; | 65 -webkit-mask-position: -64px -120px; |
| 68 background: linear-gradient(45deg, hsl(210, 82%, 65%), hsl(210, 82%, 80%)); | 66 background: linear-gradient(45deg, hsl(210, 82%, 65%), hsl(210, 82%, 80%)); |
| 69 } | 67 } |
| 70 | 68 |
| 71 .navigator-domain-tree-item .icon { | 69 .navigator-domain-tree-item .icon { |
| 72 -webkit-mask-position: -160px -144px; | 70 -webkit-mask-position: -160px -144px; |
| 73 } | 71 } |
| 74 | 72 |
| 75 .navigator-frame-tree-item .icon { | 73 .navigator-frame-tree-item .icon { |
| 76 -webkit-mask-position: -256px -144px; | 74 -webkit-mask-position: -256px -144px; |
| 75 background-color: #5a5a5a; | |
| 77 } | 76 } |
| 78 | 77 |
| 79 .navigator-script-tree-item .icon { | 78 .navigator-script-tree-item .icon { |
| 80 background: linear-gradient(45deg, hsl(48, 70%, 50%), hsl(48, 70%, 70%)); | 79 background: linear-gradient(45deg, hsl(48, 70%, 50%), hsl(48, 70%, 70%)); |
| 81 } | 80 } |
| 82 | 81 |
| 83 .navigator-stylesheet-tree-item .icon { | 82 .navigator-stylesheet-tree-item .icon { |
| 84 background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%)); | 83 background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%)); |
| 85 } | 84 } |
| 86 | 85 |
| 87 .navigator-image-tree-item .icon, | 86 .navigator-image-tree-item .icon, |
| 88 .navigator-font-tree-item .icon { | 87 .navigator-font-tree-item .icon { |
| 89 background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%)); | 88 background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%)); |
| 90 } | 89 } |
| 91 | 90 |
| 91 .resource-tree-item .icon { | |
| 92 -webkit-mask: url(Images/resourceGlyphs.png) no-repeat 0 0; | |
| 93 -webkit-mask-size: 140px 20px; | |
| 94 background: rgba(90, 90, 90, .7); | |
| 95 } | |
| 96 | |
| 97 @media (-webkit-min-device-pixel-ratio: 1.5) { | |
| 98 .resource-tree-item .icon { | |
| 99 -webkit-mask-image: url(Images/resourceGlyphs_2x.png); | |
| 100 } | |
| 101 } /* media */ | |
| 102 | |
| 103 :focus .resource-tree-item.selected .icon { | |
| 104 background: #fff !important; | |
|
pfeldman
2016/05/18 05:36:50
white for consistency.
chowse
2016/05/18 17:17:42
Done.
| |
| 105 } | |
| 106 | |
| 107 .database-tree-item .icon { | |
| 108 -webkit-mask-position: -60px 0; | |
| 109 } | |
| 110 | |
| 111 .table-tree-item .icon { | |
| 112 -webkit-mask-position: -80px 0; | |
| 113 } | |
| 114 | |
| 115 /* | |
|
pfeldman
2016/05/18 05:36:50
We don't land comments.
chowse
2016/05/18 17:17:42
Done.
| |
| 92 .database-storage-tree-item .icon { | 116 .database-storage-tree-item .icon { |
| 93 content: url(Images/database.png); | 117 content: url(Images/database.png); |
| 94 } | 118 } |
| 95 | 119 |
| 96 .database-table-storage-tree-item .icon { | 120 .database-table-storage-tree-item .icon { |
| 97 content: url(Images/databaseTable.png); | 121 content: url(Images/databaseTable.png); |
| 98 } | 122 } |
| 99 | 123 |
| 100 .indexed-db-storage-tree-item .icon { | 124 .indexed-db-storage-tree-item .icon { |
| 101 content: url(Images/indexedDB.png); | 125 content: url(Images/indexedDB.png); |
| (...skipping 11 matching lines...) Expand all Loading... | |
| 113 content: url(Images/indexedDBObjectStore.png); | 137 content: url(Images/indexedDBObjectStore.png); |
| 114 } | 138 } |
| 115 | 139 |
| 116 .service-worker-cache-storage-tree-item .icon { | 140 .service-worker-cache-storage-tree-item .icon { |
| 117 content: url(Images/indexedDB.png); | 141 content: url(Images/indexedDB.png); |
| 118 } | 142 } |
| 119 | 143 |
| 120 .service-workers-tree-item .icon { | 144 .service-workers-tree-item .icon { |
| 121 content: url(Images/serviceWorker.svg); | 145 content: url(Images/serviceWorker.svg); |
| 122 } | 146 } |
| 123 | 147 */ |
| 124 :focus .service-workers-tree-item.selected .icon { | 148 :focus .service-workers-tree-item.selected .icon { |
| 125 -webkit-filter: invert(); | 149 -webkit-filter: invert(); |
| 126 } | 150 } |
| 127 | 151 |
| 128 .-theme-with-dark-background .service-workers-tree-item .icon, | 152 .-theme-with-dark-background .service-workers-tree-item .icon, |
| 129 { | 153 { |
| 130 -webkit-filter: invert(70%); | 154 -webkit-filter: invert(70%); |
| 131 } | 155 } |
| 132 | 156 /* |
| 133 .domstorage-storage-tree-item.local-storage .icon { | 157 .domstorage-storage-tree-item.local-storage .icon { |
| 134 content: url(Images/localStorage.png); | 158 content: url(Images/localStorage.png); |
| 135 } | 159 } |
| 136 | 160 |
| 137 .domstorage-storage-tree-item.session-storage .icon { | 161 .domstorage-storage-tree-item.session-storage .icon { |
| 138 content: url(Images/sessionStorage.png); | 162 content: url(Images/sessionStorage.png); |
| 139 } | 163 } |
| 140 | 164 */ |
| 141 .cookie-storage-tree-item .icon { | 165 .cookie-tree-item .icon { |
| 142 content: url(Images/cookie.png); | 166 -webkit-mask-position: -120px 0; |
| 143 } | 167 } |
| 144 | 168 |
| 145 .application-cache-storage-tree-item .icon { | 169 .manifest-tree-item .icon { |
| 146 content: url(Images/applicationCache.png); | 170 -webkit-mask-position: 0 0; |
| 171 } | |
| 172 | |
| 173 .service-worker-tree-item .icon { | |
| 174 -webkit-mask-position: -20px 0; | |
| 175 } | |
| 176 | |
| 177 .clear-storage-tree-item .icon { | |
| 178 -webkit-mask-position: -40px 0; | |
| 179 } | |
| OLD | NEW |