OLD | NEW |
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 Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |