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

Side by Side Diff: chrome/browser/resources/history/history.css

Issue 544903002: history: update some deprecated flexbox CSS. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 3 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
« no previous file with comments | « no previous file | 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 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 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 html[dir='rtl'] body.uber-frame > .page { 5 html[dir='rtl'] body.uber-frame > .page {
6 -webkit-margin-end: 0; 6 -webkit-margin-end: 0;
7 } 7 }
8 8
9 body.uber-frame > .page.big-topbar-page { 9 body.uber-frame > .page.big-topbar-page {
10 padding-top: 78px; 10 padding-top: 78px;
(...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after
150 150
151 html[dir='rtl'] .display-filter-button { 151 html[dir='rtl'] .display-filter-button {
152 float: right; 152 float: right;
153 } 153 }
154 154
155 #display-filter-controls label input[type='radio'] { 155 #display-filter-controls label input[type='radio'] {
156 display: none; 156 display: none;
157 } 157 }
158 158
159 #display-filter-controls label span { 159 #display-filter-controls label span {
160 -webkit-align-items: flex-start;
161 -webkit-appearance: none; 160 -webkit-appearance: none;
162 -webkit-user-select: none; 161 -webkit-user-select: none;
162 align-items: flex-start;
163 background-color: buttonface; 163 background-color: buttonface;
164 background-image: -webkit-linear-gradient(rgb(237, 237, 237), 164 background-image: -webkit-linear-gradient(rgb(237, 237, 237),
165 rgb(237, 237, 237) 38%, 165 rgb(237, 237, 237) 38%,
166 rgb(222, 222, 222)); 166 rgb(222, 222, 222));
167 border: 1px solid rgba(0, 0, 0, 0.25); 167 border: 1px solid rgba(0, 0, 0, 0.25);
168 border-radius: 0; 168 border-radius: 0;
169 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), 169 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
170 inset 0 1px 2px rgba(255, 255, 255, 0.75); 170 inset 0 1px 2px rgba(255, 255, 255, 0.75);
171 box-sizing: border-box; 171 box-sizing: border-box;
172 color: rgb(68, 68, 68); 172 color: rgb(68, 68, 68);
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after
239 margin: 1px 0; 239 margin: 1px 0;
240 width: 45px; 240 width: 45px;
241 } 241 }
242 242
243 .no-checkboxes .gap { 243 .no-checkboxes .gap {
244 width: 25px; 244 width: 25px;
245 } 245 }
246 246
247 .entry-box, 247 .entry-box,
248 .site-domain-row { 248 .site-domain-row {
249 -webkit-align-items: center; 249 align-items: center;
250 cursor: default; 250 cursor: default;
251 display: -webkit-flex; 251 display: flex;
252 /* An odd line-height ensures a consistent baseline on all platforms. */ 252 /* An odd line-height ensures a consistent baseline on all platforms. */
253 line-height: 1.75em; 253 line-height: 1.75em;
254 margin-bottom: 6px; 254 margin-bottom: 6px;
255 /* The box should be no bigger than its parent. */ 255 /* The box should be no bigger than its parent. */
256 max-width: 100%; 256 max-width: 100%;
257 overflow: hidden; 257 overflow: hidden;
258 padding-bottom: 1px; 258 padding-bottom: 1px;
259 } 259 }
260 260
261 .site-domain-wrapper { 261 .site-domain-wrapper {
262 cursor: pointer; 262 cursor: pointer;
263 display: -webkit-flex; 263 display: flex;
264 width: 100%; 264 width: 100%;
265 } 265 }
266 266
267 .search-results, 267 .search-results,
268 .day-results { 268 .day-results {
269 margin: 0 0 24px 0; 269 margin: 0 0 24px 0;
270 padding: 0; 270 padding: 0;
271 } 271 }
272 272
273 .site-results { 273 .site-results {
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
359 .entry-box:hover input[type='checkbox']:not(:focus), 359 .entry-box:hover input[type='checkbox']:not(:focus),
360 .entry-box input[type='checkbox']:not(:focus):checked { 360 .entry-box input[type='checkbox']:not(:focus):checked {
361 border-color: rgba(0, 0, 0, .5); 361 border-color: rgba(0, 0, 0, .5);
362 } 362 }
363 363
364 .filter-status { 364 .filter-status {
365 -webkit-margin-start: 10px; 365 -webkit-margin-start: 10px;
366 } 366 }
367 367
368 .filter-status > div { 368 .filter-status > div {
369 -webkit-flex: 0 0 auto; 369 flex: 0 0 auto;
370 -webkit-transition: background-color 150ms; 370 -webkit-transition: background-color 150ms;
371 border-radius: 3px; 371 border-radius: 3px;
372 display: none; 372 display: none;
373 font-size: 11px; 373 font-size: 11px;
374 height: 14px; 374 height: 14px;
375 line-height: 12px; 375 line-height: 12px;
376 white-space: nowrap; 376 white-space: nowrap;
377 } 377 }
378 378
379 .filter-status > div.filter-allowed, 379 .filter-status > div.filter-allowed,
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after
422 -webkit-padding-end: 6px; 422 -webkit-padding-end: 6px;
423 -webkit-padding-start: 6px; 423 -webkit-padding-start: 6px;
424 border-radius: 2px; 424 border-radius: 2px;
425 } 425 }
426 426
427 .active :-webkit-any(.entry-box, .site-domain-row) { 427 .active :-webkit-any(.entry-box, .site-domain-row) {
428 background-color: rgba(0, 0, 0, .05); 428 background-color: rgba(0, 0, 0, .05);
429 } 429 }
430 430
431 .entry-box-container { 431 .entry-box-container {
432 display: -webkit-flex; 432 display: flex;
433 } 433 }
434 434
435 .entry .visit-entry { 435 .entry .visit-entry {
436 display: -webkit-flex; 436 display: flex;
437 min-width: 0; 437 min-width: 0;
438 } 438 }
439 439
440 .entry .title { 440 .entry .title {
441 min-width: 0; 441 min-width: 0;
442 overflow: hidden; 442 overflow: hidden;
443 text-overflow: ellipsis; 443 text-overflow: ellipsis;
444 white-space: nowrap; 444 white-space: nowrap;
445 } 445 }
446 446
(...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after
611 background-image: url(../../../../ui/webui/resources/images/phone_small.png); 611 background-image: url(../../../../ui/webui/resources/images/phone_small.png);
612 background-position: 14px center; 612 background-position: 14px center;
613 padding-left: 43px; 613 padding-left: 43px;
614 } 614 }
615 615
616 #action-menu[data-devicetype='tablet']::before { 616 #action-menu[data-devicetype='tablet']::before {
617 background-image: url(../../../../ui/webui/resources/images/tablet_small.png); 617 background-image: url(../../../../ui/webui/resources/images/tablet_small.png);
618 background-position: 17px center; 618 background-position: 17px center;
619 padding-left: 49px; 619 padding-left: 49px;
620 } 620 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698