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

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

Issue 558723003: history: make focus outline look good on all platforms. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: comment for estade@ 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 236 matching lines...) Expand 10 before | Expand all | Expand 10 after
247 .entry-box, 247 .entry-box,
248 .site-domain-row { 248 .site-domain-row {
249 -webkit-align-items: center; 249 -webkit-align-items: center;
250 cursor: default; 250 cursor: default;
251 display: -webkit-flex; 251 display: -webkit-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 min-height: 2em;
257 overflow: hidden; 258 overflow: hidden;
258 padding-bottom: 1px; 259 padding-bottom: 1px;
259 } 260 }
260 261
261 .site-domain-wrapper { 262 .site-domain-wrapper {
262 cursor: pointer; 263 cursor: pointer;
263 display: -webkit-flex; 264 display: -webkit-flex;
264 width: 100%; 265 width: 100%;
265 } 266 }
266 267
(...skipping 235 matching lines...) Expand 10 before | Expand all | Expand 10 after
502 } 503 }
503 504
504 .entry .starred { 505 .entry .starred {
505 visibility: visible; 506 visibility: visible;
506 } 507 }
507 508
508 .entry .title > a { 509 .entry .title > a {
509 color: rgb(48, 57, 66); 510 color: rgb(48, 57, 66);
510 margin: 2px; 511 margin: 2px;
511 padding: 2px; 512 padding: 2px;
513 /* Focus outlines are rendered differently for each platform. */
514 <if expr="is_macosx">
515 margin: 4px;
516 padding: 0;
517 </if>
518 <if expr="is_win">
519 padding: 0 2px;
520 </if>
512 text-decoration: none; 521 text-decoration: none;
513 } 522 }
514 523
515 .entry .title > a.to-be-removed { 524 .entry .title > a.to-be-removed {
516 text-decoration: line-through; 525 text-decoration: line-through;
517 } 526 }
518 527
519 .entry .title > a:hover { 528 .entry .title > a:hover {
520 text-decoration: underline; 529 text-decoration: underline;
521 } 530 }
(...skipping 91 matching lines...) Expand 10 before | Expand all | Expand 10 after
613 background-image: url(../../../../ui/webui/resources/images/phone_small.png); 622 background-image: url(../../../../ui/webui/resources/images/phone_small.png);
614 background-position: 14px center; 623 background-position: 14px center;
615 padding-left: 43px; 624 padding-left: 43px;
616 } 625 }
617 626
618 #action-menu[data-devicetype='tablet']::before { 627 #action-menu[data-devicetype='tablet']::before {
619 background-image: url(../../../../ui/webui/resources/images/tablet_small.png); 628 background-image: url(../../../../ui/webui/resources/images/tablet_small.png);
620 background-position: 17px center; 629 background-position: 17px center;
621 padding-left: 49px; 630 padding-left: 49px;
622 } 631 }
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