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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/resources/resourcesPanel.css

Issue 2533213004: DevTools: migrate smallicons from resourcesPanel.css to 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/resources/DatabaseQueryView.js ('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) 2006, 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
82 82
83 .database-query-prompt { 83 .database-query-prompt {
84 position: relative; 84 position: relative;
85 padding: 1px 22px 1px 24px; 85 padding: 1px 22px 1px 24px;
86 min-height: 16px; 86 min-height: 16px;
87 white-space: pre-wrap; 87 white-space: pre-wrap;
88 -webkit-user-modify: read-write-plaintext-only; 88 -webkit-user-modify: read-write-plaintext-only;
89 -webkit-user-select: text; 89 -webkit-user-select: text;
90 } 90 }
91 91
92 .database-user-query::before, 92 .prompt-icon {
93 .database-query-prompt::before,
94 .database-query-result::before {
95 position: absolute; 93 position: absolute;
96 display: block; 94 display: block;
97 content: "";
98 left: 7px; 95 left: 7px;
99 top: 0.8em; 96 top: 0.8em;
100 width: 10px;
101 height: 10px;
102 margin-top: -7px; 97 margin-top: -7px;
103 -webkit-user-select: none; 98 -webkit-user-select: none;
104 background-image: url(Images/smallIcons.png);
105 background-size: 190px 30px;
106 }
107
108 @media (-webkit-min-device-pixel-ratio: 1.1) {
109 .database-user-query::before,
110 .database-query-prompt::before,
111 .database-query-result::before {
112 background-image: url(Images/smallIcons_2x.png);
113 }
114 } /* media */
115
116 .database-query-prompt::before {
117 background-position: -20px -20px;
118 } 99 }
119 100
120 .database-user-query { 101 .database-user-query {
121 position: relative; 102 position: relative;
122 border-bottom: 1px solid rgb(245, 245, 245); 103 border-bottom: 1px solid rgb(245, 245, 245);
123 padding: 1px 22px 1px 24px; 104 padding: 1px 22px 1px 24px;
124 min-height: 16px; 105 min-height: 16px;
125 flex-shrink: 0; 106 flex-shrink: 0;
126 } 107 }
127 108
128 .database-user-query::before {
129 background-position: 0 -20px;
130 }
131
132 .database-query-text { 109 .database-query-text {
133 color: rgb(0, 128, 255); 110 color: rgb(0, 128, 255);
134 -webkit-user-select: text; 111 -webkit-user-select: text;
135 } 112 }
136 113
137 .database-query-result { 114 .database-query-result {
138 position: relative; 115 position: relative;
139 padding: 1px 22px 1px 24px; 116 padding: 1px 22px 1px 24px;
140 min-height: 16px; 117 min-height: 16px;
141 margin-left: -24px; 118 margin-left: -24px;
142 padding-right: 0; 119 padding-right: 0;
143 } 120 }
144 121
145 .database-query-result.error { 122 .database-query-result.error {
146 color: red; 123 color: red;
147 -webkit-user-select: text; 124 -webkit-user-select: text;
148 } 125 }
149 126
150 .database-query-result.error::before {
151 background-position: -20px 0;
152 }
153
154 .resource-sidebar-tree-item .icon { 127 .resource-sidebar-tree-item .icon {
155 content: url(Images/resourcePlainIconSmall.png); 128 content: url(Images/resourcePlainIconSmall.png);
156 } 129 }
157 130
158 .resource-sidebar-tree-item.resources-type-image .icon { 131 .resource-sidebar-tree-item.resources-type-image .icon {
159 position: relative; 132 position: relative;
160 background-image: url(Images/resourcePlainIcon.png); 133 background-image: url(Images/resourcePlainIcon.png);
161 background-repeat: no-repeat; 134 background-repeat: no-repeat;
162 content: ""; 135 content: "";
163 } 136 }
164 137
165 .resources-type-image .image-resource-icon-preview { 138 .resources-type-image .image-resource-icon-preview {
166 position: absolute; 139 position: absolute;
167 margin: auto; 140 margin: auto;
168 min-width: 1px; 141 min-width: 1px;
169 min-height: 1px; 142 min-height: 1px;
170 top: 2px; 143 top: 2px;
171 bottom: 1px; 144 bottom: 1px;
172 left: 3px; 145 left: 3px;
173 right: 3px; 146 right: 3px;
174 max-width: 8px; 147 max-width: 8px;
175 max-height: 11px; 148 max-height: 11px;
176 overflow: hidden; 149 overflow: hidden;
177 } 150 }
178 151
179 .resources-sidebar { 152 .resources-sidebar {
180 padding: 0; 153 padding: 0;
181 } 154 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/resources/DatabaseQueryView.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698