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

Side by Side Diff: components/security_interstitials/core/browser/resources/interstitial_v2.css

Issue 2566983005: Make the extended reporting opt-in checkbox into a flexbox. (Closed)
Patch Set: Fix top on .checkbox 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 | « no previous file | components/security_interstitials/core/browser/resources/interstitial_v2.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 The Chromium Authors. All rights reserved.
2 Use of this source code is governed by a BSD-style license that can be 2 Use of this source code is governed by a BSD-style license that can be
3 found in the LICENSE file. */ 3 found in the LICENSE file. */
4 4
5 a { 5 a {
6 color: #585858; 6 color: #585858;
7 } 7 }
8 8
9 .bad-clock .icon { 9 .bad-clock .icon {
10 background-image: -webkit-image-set( 10 background-image: -webkit-image-set(
(...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after
159 display: inline; 159 display: inline;
160 } 160 }
161 161
162 #extended-reporting-opt-in { 162 #extended-reporting-opt-in {
163 font-size: .875em; 163 font-size: .875em;
164 margin-top: 39px; 164 margin-top: 39px;
165 } 165 }
166 166
167 #extended-reporting-opt-in label { 167 #extended-reporting-opt-in label {
168 position: relative; 168 position: relative;
169 display: flex;
170 align-items: flex-start;
169 } 171 }
170 172
171 .nav-wrapper { 173 .nav-wrapper {
172 margin-top: 51px; 174 margin-top: 51px;
173 } 175 }
174 176
175 .nav-wrapper::after { 177 .nav-wrapper::after {
176 clear: both; 178 clear: both;
177 content: ''; 179 content: '';
178 display: table; 180 display: table;
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
228 url(images/1x/brokenssl_red.png) 1x, 230 url(images/1x/brokenssl_red.png) 1x,
229 url(images/2x/brokenssl_red.png) 2x); 231 url(images/2x/brokenssl_red.png) 2x);
230 } 232 }
231 233
232 .captive-portal .icon { 234 .captive-portal .icon {
233 background-image: -webkit-image-set( 235 background-image: -webkit-image-set(
234 url(images/1x/captive_portal_page_icon.png) 1x, 236 url(images/1x/captive_portal_page_icon.png) 1x,
235 url(images/2x/captive_portal_page_icon.png) 2x); 237 url(images/2x/captive_portal_page_icon.png) 2x);
236 } 238 }
237 239
240 .checkboxes {
241 flex: 0 0 24px;
242 }
243
238 .checkbox { 244 .checkbox {
239 background: transparent; 245 background: transparent;
240 border: 1px solid white; 246 border: 1px solid white;
241 border-radius: 2px; 247 border-radius: 2px;
242 display: block; 248 display: block;
243 height: 14px; 249 height: 14px;
244 left: 0; 250 left: 0;
245 position: absolute; 251 position: absolute;
246 right: 0; 252 right: 0;
247 top: -1px; 253 top: 3px;
248 width: 14px; 254 width: 14px;
249 } 255 }
250 256
251 .checkbox::before { 257 .checkbox::before {
252 background: transparent; 258 background: transparent;
253 border: 2px solid white; 259 border: 2px solid white;
254 border-right-width: 0; 260 border-right-width: 0;
255 border-top-width: 0; 261 border-top-width: 0;
256 content: ''; 262 content: '';
257 height: 4px; 263 height: 4px;
(...skipping 388 matching lines...) Expand 10 before | Expand all | Expand 10 after
646 width: 100%; 652 width: 100%;
647 } 653 }
648 } 654 }
649 655
650 @media (max-width: 239px) and (orientation: portrait) { 656 @media (max-width: 239px) and (orientation: portrait) {
651 .nav-wrapper { 657 .nav-wrapper {
652 padding-left: 0; 658 padding-left: 0;
653 padding-right: 0; 659 padding-right: 0;
654 } 660 }
655 } 661 }
OLDNEW
« no previous file with comments | « no previous file | components/security_interstitials/core/browser/resources/interstitial_v2.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698