| OLD | NEW |
| 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 */ | |
| 16 | 15 |
| 17 header, | 16 header, |
| 18 .summary { | 17 .summary { |
| 19 min-width: 400px; | 18 min-width: 400px; |
| 20 } | 19 } |
| 21 | 20 |
| 22 header { | 21 header { |
| 23 align-items: center; | 22 align-items: center; |
| 24 display: flex; | 23 display: flex; |
| 25 padding: 0 12px; | 24 padding: 0 12px; |
| (...skipping 23 matching lines...) Expand all Loading... |
| 49 .summary > * { | 48 .summary > * { |
| 50 flex: none; | 49 flex: none; |
| 51 } | 50 } |
| 52 | 51 |
| 53 .summary > :first-child { | 52 .summary > :first-child { |
| 54 flex: 1; | 53 flex: 1; |
| 55 overflow: hidden; | 54 overflow: hidden; |
| 56 text-overflow: ellipsis; | 55 text-overflow: ellipsis; |
| 57 white-space: nowrap; | 56 white-space: nowrap; |
| 58 } | 57 } |
| OLD | NEW |