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

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

Issue 1100403004: Add skipWaiting checkbox to ServiceWorkersView in DevTools [2/2 blink] (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: 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 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
63 } 63 }
64 64
65 .service-workers-version-mode-row-active { 65 .service-workers-version-mode-row-active {
66 background-color: #eee; 66 background-color: #eee;
67 } 67 }
68 68
69 .service-workers-version-mode { 69 .service-workers-version-mode {
70 border-bottom: 1px solid #e1e1e1; 70 border-bottom: 1px solid #e1e1e1;
71 display: flex; 71 display: flex;
72 flex: 1 1 0; 72 flex: 1 1 0;
73 font-weight: bold; 73 min-width: 100px;
74 overflow: hidden; 74 overflow: hidden;
75 position: relative; 75 position: relative;
76 text-overflow: ellipsis; 76 text-overflow: ellipsis;
77 } 77 }
78 78
79 .service-workers-version-mode-text { 79 .service-workers-version-mode-text {
80 font-weight: bold;
80 left: 4px; 81 left: 4px;
81 position: absolute; 82 position: absolute;
82 top: 8px; 83 top: 4px;
83 } 84 }
84 85
85 .service-workers-versions { 86 .service-workers-versions {
86 display: flex; 87 display: flex;
87 flex: 6 6 0; 88 flex: 6 6 0;
88 flex-direction: column; 89 flex-direction: column;
89 } 90 }
90 91
91 .service-workers-version-row { 92 .service-workers-version-row {
92 border-bottom: 1px solid #e1e1e1; 93 border-bottom: 1px solid #e1e1e1;
93 display: flex; 94 display: flex;
94 min-height: 30px; 95 min-height: 41px;
95 width: 100%; 96 width: 100%;
96 } 97 }
97 98
98 .service-workers-version-status { 99 .service-workers-version-status {
99 border-left: 1px solid #e1e1e1; 100 border-left: 1px solid #e1e1e1;
100 display: flex; 101 display: flex;
101 flex: 0.7 0.7 0; 102 flex: 0.7 0.7 0;
102 overflow: hidden; 103 overflow: hidden;
103 position: relative; 104 position: relative;
104 text-overflow: ellipsis; 105 text-overflow: ellipsis;
105 } 106 }
106 107
107 .service-workers-version-status-icon { 108 .service-workers-version-status-icon {
108 position: absolute; 109 position: absolute;
109 -webkit-mask-image: url(Images/serviceWorker.svg); 110 -webkit-mask-image: url(Images/serviceWorker.svg);
110 -webkit-mask-size: 20px 20px; 111 -webkit-mask-size: 20px 20px;
111 height: 20px; 112 height: 20px;
112 left: 4px; 113 left: 4px;
113 top: 8px; 114 top: 10px;
114 width: 20px; 115 width: 20px;
115 } 116 }
116 117
117 .service-workers-version-status-text { 118 .service-workers-version-status-text {
118 position: absolute; 119 position: absolute;
119 left: 28px; 120 left: 28px;
120 top: 10px; 121 top: 12px;
121 } 122 }
122 123
123 .service-workers-version-running-status { 124 .service-workers-version-running-status {
124 border-left: 1px solid #e1e1e1; 125 border-left: 1px solid #e1e1e1;
125 display: flex; 126 display: flex;
126 flex: 0.7 0.7 0; 127 flex: 0.7 0.7 0;
127 overflow: hidden; 128 overflow: hidden;
128 position: relative; 129 position: relative;
129 text-overflow: ellipsis; 130 text-overflow: ellipsis;
130 } 131 }
131 132
132 .service-workers-version-running-status-inspectable { 133 .service-workers-version-running-status-inspectable {
133 min-height: 40px; 134 min-height: 39px;
134 } 135 }
135 136
136 .service-workers-version-running-status-button { 137 .service-workers-version-running-status-button {
137 position: absolute; 138 position: absolute;
138 left: 0px; 139 left: 0px;
139 top: 6px; 140 top: 6px;
140 } 141 }
141 142
142 .service-workers-version-running-status-text { 143 .service-workers-version-running-status-text {
143 left: 32px; 144 left: 32px;
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after
210 -webkit-mask-size: 18px 18px; 211 -webkit-mask-size: 18px 18px;
211 } 212 }
212 213
213 .service-workers-push-button { 214 .service-workers-push-button {
214 -webkit-mask-image: url(Images/notifications.svg); 215 -webkit-mask-image: url(Images/notifications.svg);
215 -webkit-mask-position: 7px 3px; 216 -webkit-mask-position: 7px 3px;
216 -webkit-mask-repeat: no-repeat; 217 -webkit-mask-repeat: no-repeat;
217 -webkit-mask-size: 18px 18px; 218 -webkit-mask-size: 18px 18px;
218 } 219 }
219 220
221 .service-workers-skip-waiting-checkbox-label {
222 left: 10px;
223 position: absolute;
224 top: 20px;
225 }
226
220 .service-workers-error { 227 .service-workers-error {
221 display: flex; 228 display: flex;
222 } 229 }
223 230
224 .service-workers-error-message { 231 .service-workers-error-message {
225 font-weight: bold; 232 font-weight: bold;
226 } 233 }
227 234
228 .service-workers-info { 235 .service-workers-info {
229 display: flex; 236 display: flex;
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
261 background-color: #996600; 268 background-color: #996600;
262 } 269 }
263 270
264 .service-workers-color-8 { 271 .service-workers-color-8 {
265 background-color: #9900CC; 272 background-color: #9900CC;
266 } 273 }
267 274
268 .service-workers-color-9 { 275 .service-workers-color-9 {
269 background-color: #336600; 276 background-color: #336600;
270 } 277 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698