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

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: address comments + better centering 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css ('k') | 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 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
73 } 73 }
74 74
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 display: flex;
83 } 84 }
84 85
85 .suggest-box .suggest-box-content-item.additional { 86 .suggest-box .suggest-box-content-item.secondary {
86 background-color: #f9f9f9; 87 background-color: #f9f9f9;
87 } 88 }
88 89
89 .suggest-box .suggest-box-content-item.additional::before { 90 .suggestion-icon {
90 display: inline-block; 91 user-select: none;
91 content: ""; 92 align-self: center;
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 } 93 }
113 94
114 .suggest-box .suggest-box-content-item .query { 95 .suggest-box .suggest-box-content-item .query {
115 font-weight: bold; 96 font-weight: bold;
116 } 97 }
117 98
118 .suggest-box .suggest-box-content-item .spacer { 99 .suggest-box .suggest-box-content-item .spacer {
119 display: inline-block; 100 display: inline-block;
120 width: 20px; 101 width: 20px;
121 } 102 }
(...skipping 12 matching lines...) Expand all
134 pointer-events: auto; 115 pointer-events: auto;
135 margin-left: 3px; 116 margin-left: 3px;
136 max-width: 750px; 117 max-width: 750px;
137 word-wrap: normal; 118 word-wrap: normal;
138 } 119 }
139 120
140 .suggest-box .details-popup .description { 121 .suggest-box .details-popup .description {
141 margin-top: 22px; 122 margin-top: 22px;
142 color: #808080; 123 color: #808080;
143 } 124 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698