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

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

Issue 701583002: downloads/bookmarks: change <h2> to <h1> for better screen reader semantics. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 1 month 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 | « chrome/browser/resources/downloads/downloads.html ('k') | 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 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 /* This is a common file for pages that have a title and search box as their 5 /* This is a common file for pages that have a title and search box as their
6 * header. This visually looks like: 6 * header. This visually looks like:
7 * _____________________________________________________________________________ 7 * _____________________________________________________________________________
8 * | | 8 * | |
9 * | I Am So Great! [ Search greatness... ] | 9 * | I Am So Great! [ Search greatness... ] |
10 * |___________________________________________________________________________| 10 * |___________________________________________________________________________|
11 * | Summary (90235 things currently great) _Great links_ | 11 * | Summary (90235 things currently great) _Great links_ |
12 * 12 *
13 * The title expands to fill any space it needs and the search bar is locked to 13 * The title expands to fill any space it needs and the search bar is locked to
14 * the end of the header (e.g., right in LTR, left in RTL). 14 * the end of the header (e.g., right in LTR, left in RTL).
15 */ 15 */
16 16
17 header, 17 header,
18 .summary { 18 .summary {
19 min-width: 400px; 19 min-width: 400px;
20 } 20 }
21 21
22 header { 22 header {
23 align-items: center; 23 align-items: center;
24 display: flex; 24 display: flex;
25 padding: 0 12px; 25 padding: 0 12px;
26 } 26 }
27 27
28 header h2 { 28 header h1 {
29 flex: 1; 29 flex: 1;
30 /* TODO(dbeam): reconcile font/line-height/margin with chrome_shared.css */ 30 /* TODO(dbeam): reconcile font/line-height/margin with chrome_shared.css */
31 font-size: 1.5em; 31 font-size: 1.5em;
32 font-weight: normal; 32 font-weight: normal;
33 line-height: 1; 33 line-height: 1;
34 margin: 15px 0; 34 margin: 15px 0;
35 } 35 }
36 36
37 header > :-webkit-any(form, input[type='search']) { 37 header > :-webkit-any(form, input[type='search']) {
38 flex: none; 38 flex: none;
(...skipping 10 matching lines...) Expand all
49 .summary > * { 49 .summary > * {
50 flex: none; 50 flex: none;
51 } 51 }
52 52
53 .summary :first-child { 53 .summary :first-child {
54 flex: 1; 54 flex: 1;
55 overflow: hidden; 55 overflow: hidden;
56 text-overflow: ellipsis; 56 text-overflow: ellipsis;
57 white-space: nowrap; 57 white-space: nowrap;
58 } 58 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/downloads/downloads.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698