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

Unified 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 side-by-side diff with in-line comments
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 »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css b/third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css
index 7d5bf55b5c90eefc8f2dd1ec38ded88075d26a99..8b0bb5e85a6cca54e7da8a82a77f5d33b9995ab0 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/suggestBox.css
@@ -80,35 +80,16 @@
border: 1px solid transparent;
padding-right: 0;
white-space: nowrap;
+ display: flex;
}
-.suggest-box .suggest-box-content-item.additional {
+.suggest-box .suggest-box-content-item.secondary {
background-color: #f9f9f9;
}
-.suggest-box .suggest-box-content-item.additional::before {
- display: inline-block;
- content: "";
- -webkit-user-select: none;
- -webkit-mask-image: url(Images/smallIcons.png);
- -webkit-mask-size: 190px 30px;
- width: 10px;
- height: 10px;
- position: relative;
- top: 2px;
- margin-right: 4px;
- -webkit-mask-position: -20px -20px;
- background-color: rgb(56, 121, 217);
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.1) {
-.suggest-box .suggest-box-content-item.additional::before {
- -webkit-mask-image: url(Images/smallIcons_2x.png);
-}
-} /* media */
-
-.suggest-box .suggest-box-content-item.additional.selected::before {
- background-color: #FFF;
+.suggestion-icon {
+ user-select: none;
+ align-self: center;
}
.suggest-box .suggest-box-content-item .query {
« 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