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

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

Issue 669573002: history: don't flex device names, takes up too much space. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 2 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) 2013 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2013 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 .other-devices { 5 .other-devices {
6 width: 718px; /* Same as history section max-width */ 6 width: 718px; /* Same as history section max-width */
7 } 7 }
8 8
9 .device-row:not(:first-of-type) { 9 .device-row:not(:first-of-type) {
10 margin-top: 20px; 10 margin-top: 20px;
11 } 11 }
12 12
13 .device { 13 .device {
14 -webkit-margin-end: 10px; 14 -webkit-margin-end: 10px;
15 display: inline-block; 15 display: inline-block;
16 vertical-align: top; 16 vertical-align: top;
17 width: 229px; 17 width: 229px;
18 } 18 }
19 19
20 .device h3 { 20 .device h3 {
21 align-items: center; 21 align-items: center;
22 display: flex; 22 display: flex;
23 line-height: 2em; 23 line-height: 2em;
24 margin-bottom: 0; 24 margin-bottom: 0;
25 margin-top: 8px; 25 margin-top: 8px;
26 } 26 }
27 27
28 .device-name {
29 flex: 1;
30 }
31
32 .device button {
33 flex: none;
34 }
35
36 .device-timestamp { 28 .device-timestamp {
37 color: rgb(151, 156, 160); 29 color: rgb(151, 156, 160);
38 font-size: 12px; 30 font-size: 12px;
39 line-height: 1.2em; 31 line-height: 1.2em;
40 } 32 }
41 33
42 .device-name, 34 .device-name,
43 .device-timestamp { 35 .device-timestamp {
44 overflow: hidden; 36 overflow: hidden;
45 text-overflow: ellipsis; 37 text-overflow: ellipsis;
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after
85 .device-show-more-tabs, 77 .device-show-more-tabs,
86 .device-show-more-tabs:active, 78 .device-show-more-tabs:active,
87 .device-show-more-tabs:visited, 79 .device-show-more-tabs:visited,
88 .device-show-more-tabs:link { 80 .device-show-more-tabs:link {
89 color: rgb(151, 156, 160); 81 color: rgb(151, 156, 160);
90 } 82 }
91 83
92 .other-devices-bottom { 84 .other-devices-bottom {
93 clear: both; 85 clear: both;
94 } 86 }
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