| 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 :host { | 7 :host { |
| 8 padding: 0; | 8 padding: 0; |
| 9 margin: 0; | 9 margin: 0; |
| 10 } | 10 } |
| 11 | 11 |
| 12 .tree-outline { | 12 .tree-outline { |
| 13 padding: 0; | 13 padding: 0; |
| 14 } | 14 } |
| 15 | 15 |
| 16 .tree-outline ol { | 16 .tree-outline ol { |
| 17 padding: 0; | 17 padding: 0; |
| 18 } | 18 } |
| 19 | 19 |
| 20 .tree-outline li { |
| 21 height: 16px; |
| 22 } |
| 23 |
| 20 li.search-result { | 24 li.search-result { |
| 21 font-size: 11px; | |
| 22 padding: 2px 0 2px 4px; | 25 padding: 2px 0 2px 4px; |
| 23 word-wrap: normal; | 26 word-wrap: normal; |
| 24 white-space: pre; | 27 white-space: pre; |
| 25 cursor: pointer; | 28 cursor: pointer; |
| 26 } | 29 } |
| 27 | 30 |
| 28 li.search-result:hover { | 31 li.search-result:hover { |
| 29 background-color: rgba(121, 121, 121, 0.1); | 32 background-color: rgba(121, 121, 121, 0.1); |
| 30 } | 33 } |
| 31 | 34 |
| 32 li.search-result .search-result-file-name { | 35 li.search-result .search-result-file-name { |
| 33 font-weight: bold; | 36 font-weight: bold; |
| 34 color: #222; | 37 color: #222; |
| 35 white-space: normal; | 38 white-space: normal; |
| 36 } | 39 } |
| 37 | 40 |
| 38 li.search-result .search-result-matches-count { | 41 li.search-result .search-result-matches-count { |
| 39 margin-left: 5px; | 42 margin-left: 5px; |
| 40 color: #222; | 43 color: #222; |
| 41 } | 44 } |
| 42 | 45 |
| 43 li.show-more-matches { | 46 li.show-more-matches { |
| 44 padding: 4px 0; | 47 padding: 4px 0; |
| 45 color: #222; | 48 color: #222; |
| 46 cursor: pointer; | 49 cursor: pointer; |
| 47 font-size: 11px; | |
| 48 margin-left: 20px; | 50 margin-left: 20px; |
| 49 } | 51 } |
| 50 | 52 |
| 51 li.show-more-matches:hover { | 53 li.show-more-matches:hover { |
| 52 text-decoration: underline; | 54 text-decoration: underline; |
| 53 } | 55 } |
| 54 | 56 |
| 55 li.search-match { | 57 li.search-match { |
| 56 word-wrap: normal; | 58 word-wrap: normal; |
| 57 white-space: pre; | 59 white-space: pre; |
| 58 min-height: 12px; | |
| 59 } | 60 } |
| 60 | 61 |
| 61 li.search-match::before { | 62 li.search-match::before { |
| 62 display: none; | 63 display: none; |
| 63 } | 64 } |
| 64 | 65 |
| 65 li.search-match .search-match-line-number { | 66 li.search-match .search-match-line-number { |
| 66 color: rgb(128, 128, 128); | 67 color: rgb(128, 128, 128); |
| 67 text-align: right; | 68 text-align: right; |
| 68 vertical-align: top; | 69 vertical-align: top; |
| 69 word-break: normal; | 70 word-break: normal; |
| 70 padding-right: 4px; | 71 padding: 2px 4px 2px 6px; |
| 71 padding-left: 6px; | |
| 72 margin-right: 5px; | 72 margin-right: 5px; |
| 73 border-right: 1px solid #BBB; | 73 border-right: 1px solid #BBB; |
| 74 } | 74 } |
| 75 | 75 |
| 76 li.search-match:not(:hover) .search-match-line-number { | 76 li.search-match:not(:hover) .search-match-line-number { |
| 77 background-color: #F0F0F0; | 77 background-color: #F0F0F0; |
| 78 } | 78 } |
| 79 | 79 |
| 80 li.search-match:hover { | 80 li.search-match:hover { |
| 81 background-color: rgba(56, 121, 217, 0.1); | 81 background-color: rgba(56, 121, 217, 0.1); |
| 82 } | 82 } |
| 83 | 83 |
| 84 li.search-match .highlighted-match { | 84 li.search-match .highlighted-match { |
| 85 background-color: #F1EA00; | 85 background-color: #F1EA00; |
| 86 } | 86 } |
| 87 | 87 |
| 88 :host-context(.-theme-with-dark-background) li.search-match .highlighted-match { | 88 :host-context(.-theme-with-dark-background) li.search-match .highlighted-match { |
| 89 background-color: hsl(133, 100%, 30%) !important; | 89 background-color: hsl(133, 100%, 30%) !important; |
| 90 } | 90 } |
| 91 | 91 |
| 92 .tree-outline .devtools-link { | 92 .tree-outline .devtools-link { |
| 93 text-decoration: none; | 93 text-decoration: none; |
| 94 display: block; | 94 display: block; |
| 95 flex: auto; | 95 flex: auto; |
| 96 } | 96 } |
| 97 | 97 |
| 98 li.search-match .search-match-content { | 98 li.search-match .search-match-content { |
| 99 color: #000; | 99 color: #000; |
| 100 } | 100 } |
| OLD | NEW |