Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(377)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/sources/fileBasedSearchResultsPane.css

Issue 2651083002: DevTools: do not override font size to 11px (Closed)
Patch Set: more 11pxs Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698