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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css

Issue 2442843003: DevTools: Use dark blue for selected item in SuggestBox (Closed)
Patch Set: Created 4 years, 2 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2011 Google Inc. All rights reserved. 2 * Copyright (C) 2011 Google Inc. All rights reserved.
3 * 3 *
4 * Redistribution and use in source and binary forms, with or without 4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions are 5 * modification, are permitted provided that the following conditions are
6 * met: 6 * met:
7 * 7 *
8 * * Redistributions of source code must retain the above copyright 8 * * Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer. 9 * notice, this list of conditions and the following disclaimer.
10 * * Redistributions in binary form must reproduce the above 10 * * Redistributions in binary form must reproduce the above
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
83 } 83 }
84 84
85 .suggest-box .suggest-box-content-item.additional { 85 .suggest-box .suggest-box-content-item.additional {
86 background-color: #f9f9f9; 86 background-color: #f9f9f9;
87 } 87 }
88 88
89 .suggest-box .suggest-box-content-item.additional::before { 89 .suggest-box .suggest-box-content-item.additional::before {
90 display: inline-block; 90 display: inline-block;
91 content: ""; 91 content: "";
92 -webkit-user-select: none; 92 -webkit-user-select: none;
93 background-image: url(Images/smallIcons.png); 93 -webkit-mask-image: url(Images/smallIcons.png);
94 background-size: 190px 30px; 94 -webkit-mask-size: 190px 30px;
95 width: 10px; 95 width: 10px;
96 height: 10px; 96 height: 10px;
97 position: relative; 97 position: relative;
98 top: 2px; 98 top: 2px;
99 margin-right: 4px; 99 margin-right: 4px;
100 background-position: -20px -20px; 100 -webkit-mask-position: -20px -20px;
101 background-color: rgb(56, 121, 217);
101 } 102 }
102 103
103 @media (-webkit-min-device-pixel-ratio: 1.1) { 104 @media (-webkit-min-device-pixel-ratio: 1.1) {
104 .suggest-box .suggest-box-content-item.additional::before { 105 .suggest-box .suggest-box-content-item.additional::before {
105 background-image: url(Images/smallIcons_2x.png); 106 -webkit-mask-image: url(Images/smallIcons_2x.png);
106 } 107 }
107 } /* media */ 108 } /* media */
108 109
110 .suggest-box .suggest-box-content-item.additional.selected::before {
111 background-color: #FFF;
112 }
113
109 .suggest-box .suggest-box-content-item .prefix { 114 .suggest-box .suggest-box-content-item .prefix {
110 font-weight: bold; 115 font-weight: bold;
111 } 116 }
112 117
113 .suggest-box .suggest-box-content-item .spacer { 118 .suggest-box .suggest-box-content-item .spacer {
114 display: inline-block; 119 display: inline-block;
115 width: 20px; 120 width: 20px;
116 } 121 }
117 122
118 .suggest-box .suggest-box-content-item.selected { 123 .suggest-box .suggest-box-content-item.selected {
124 background-color: rgb(56, 121, 217);
125 color: #FFF;
126 }
127
128 .suggest-box .suggest-box-content-item:hover:not(.selected) {
119 background-color: rgba(56, 121, 217, 0.1); 129 background-color: rgba(56, 121, 217, 0.1);
120 } 130 }
121 131
122 .suggest-box .suggest-box-content-item:hover:not(.selected) {
123 border: 1px solid rgb(204, 204, 204);
124 }
125
126 .suggest-box .details-popup { 132 .suggest-box .details-popup {
127 padding: 17px; 133 padding: 17px;
128 pointer-events: auto; 134 pointer-events: auto;
129 margin-left: 3px; 135 margin-left: 3px;
130 max-width: 750px; 136 max-width: 750px;
131 word-wrap: normal; 137 word-wrap: normal;
132 } 138 }
133 139
134 .suggest-box .details-popup .description { 140 .suggest-box .details-popup .description {
135 margin-top: 22px; 141 margin-top: 22px;
136 color: #808080; 142 color: #808080;
137 } 143 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698