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

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

Issue 2534383002: DevTools: [SuggestBox] migrate suggestbox icons onto UI.Icon (Closed)
Patch Set: Created 4 years 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 (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 64 matching lines...) Expand 10 before | Expand all | Expand 10 after
75 .suggest-box .suggest-box-content-item { 75 .suggest-box .suggest-box-content-item {
76 padding: 1px; 76 padding: 1px;
77 margin: 0; 77 margin: 0;
78 overflow: hidden; 78 overflow: hidden;
79 text-overflow: ellipsis; 79 text-overflow: ellipsis;
80 border: 1px solid transparent; 80 border: 1px solid transparent;
81 padding-right: 0; 81 padding-right: 0;
82 white-space: nowrap; 82 white-space: nowrap;
83 } 83 }
84 84
85 .suggest-box .suggest-box-content-item.additional { 85 .suggest-box .suggest-box-content-item.secondary {
86 background-color: #f9f9f9; 86 background-color: #f9f9f9;
87 } 87 }
88 88
89 .suggest-box .suggest-box-content-item.additional::before { 89 .suggestion-icon {
90 display: inline-block; 90 user-select: none;
91 content: ""; 91 vertical-align: middle;
92 -webkit-user-select: none;
93 -webkit-mask-image: url(Images/smallIcons.png);
94 -webkit-mask-size: 190px 30px;
95 width: 10px;
96 height: 10px;
97 position: relative;
98 top: 2px;
99 margin-right: 4px;
100 -webkit-mask-position: -20px -20px;
101 background-color: rgb(56, 121, 217);
102 }
103
104 @media (-webkit-min-device-pixel-ratio: 1.1) {
105 .suggest-box .suggest-box-content-item.additional::before {
106 -webkit-mask-image: url(Images/smallIcons_2x.png);
107 }
108 } /* media */
109
110 .suggest-box .suggest-box-content-item.additional.selected::before {
111 background-color: #FFF;
112 } 92 }
113 93
114 .suggest-box .suggest-box-content-item .query { 94 .suggest-box .suggest-box-content-item .query {
115 font-weight: bold; 95 font-weight: bold;
116 } 96 }
117 97
118 .suggest-box .suggest-box-content-item .spacer { 98 .suggest-box .suggest-box-content-item .spacer {
119 display: inline-block; 99 display: inline-block;
120 width: 20px; 100 width: 20px;
121 } 101 }
(...skipping 12 matching lines...) Expand all
134 pointer-events: auto; 114 pointer-events: auto;
135 margin-left: 3px; 115 margin-left: 3px;
136 max-width: 750px; 116 max-width: 750px;
137 word-wrap: normal; 117 word-wrap: normal;
138 } 118 }
139 119
140 .suggest-box .details-popup .description { 120 .suggest-box .details-popup .description {
141 margin-top: 22px; 121 margin-top: 22px;
142 color: #808080; 122 color: #808080;
143 } 123 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698