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

Side by Side Diff: Source/devtools/front_end/resources/serviceWorkersView.css

Issue 1079013002: Add "emulate push event" button to ServiceWorkersView in DevTools [2/2 blink] (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: s/dispatchPushEvent/deliverPushMessage/ Created 5 years, 8 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
OLDNEW
1 /* 1 /*
2 * Copyright 2015 The Chromium Authors. All rights reserved. 2 * Copyright 2015 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .service-workers-view { 7 .service-workers-view {
8 overflow: auto; 8 overflow: auto;
9 } 9 }
10 10
(...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after
155 } 155 }
156 156
157 .service-workers-version-script-url { 157 .service-workers-version-script-url {
158 border-left: 1px solid #e1e1e1; 158 border-left: 1px solid #e1e1e1;
159 display: block; 159 display: block;
160 flex: 3 3 0; 160 flex: 3 3 0;
161 overflow: hidden; 161 overflow: hidden;
162 text-overflow: ellipsis; 162 text-overflow: ellipsis;
163 } 163 }
164 164
165 .service-workers-start-button {
166 -webkit-mask-position: -64px -48px;
167 }
168
169 .service-workers-stop-button {
170 -webkit-mask-position: -96px -48px;
171 }
172
173 .service-workers-delete-button {
174 -webkit-mask-position: -128px -24px;
175 position: absolute;
176 top: 50%;
177 transform: translate(0, -50%);
178 }
179
180 .service-workers-button { 165 .service-workers-button {
181 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); 166 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
182 -webkit-mask-size: 320px 144px; 167 -webkit-mask-size: 320px 144px;
183 background-color: rgba(0, 0, 0, 0.75); 168 background-color: rgba(0, 0, 0, 0.75);
184 height: 24px; 169 height: 24px;
185 opacity: 0.8; 170 opacity: 0.8;
186 width: 32px; 171 width: 32px;
187 border: 0; 172 border: 0;
188 padding: 0; 173 padding: 0;
189 } 174 }
190 175
191 @media (-webkit-min-device-pixel-ratio: 1.5) { 176 @media (-webkit-min-device-pixel-ratio: 1.5) {
192 .service-workers-button { 177 .service-workers-button {
193 -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png); 178 -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
194 } 179 }
195 } /* media */ 180 } /* media */
196 181
197 .service-workers-button:hover { 182 .service-workers-button:hover {
198 opacity: 1; 183 opacity: 1;
199 } 184 }
200 185
201 .service-workers-button:active { 186 .service-workers-button:active {
202 opacity: 0.8; 187 opacity: 0.8;
203 } 188 }
204 189
190 .service-workers-button:disabled {
191 opacity: 0.5;
192 }
193
194 .service-workers-start-button {
195 -webkit-mask-position: -64px -48px;
196 }
197
198 .service-workers-stop-button {
199 -webkit-mask-position: -96px -48px;
200 }
201
202 .service-workers-delete-button {
203 -webkit-mask-position: -128px -24px;
204 }
205
206 .service-workers-push-button {
207 -webkit-mask-image: url(Images/notifications.svg);
208 -webkit-mask-position: 7px 3px;
209 -webkit-mask-repeat: no-repeat;
210 -webkit-mask-size: 18px 18px;
211 }
212
205 .service-workers-error { 213 .service-workers-error {
206 display: flex; 214 display: flex;
207 } 215 }
208 216
209 .service-workers-error-message { 217 .service-workers-error-message {
210 font-weight: bold; 218 font-weight: bold;
211 } 219 }
212 220
213 .service-workers-info { 221 .service-workers-info {
214 display: flex; 222 display: flex;
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
246 background-color: #996600; 254 background-color: #996600;
247 } 255 }
248 256
249 .service-workers-color-8 { 257 .service-workers-color-8 {
250 background-color: #9900CC; 258 background-color: #9900CC;
251 } 259 }
252 260
253 .service-workers-color-9 { 261 .service-workers-color-9 {
254 background-color: #336600; 262 background-color: #336600;
255 } 263 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/resources/ServiceWorkersView.js ('k') | Source/devtools/front_end/sdk/ServiceWorkerManager.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698