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

Side by Side Diff: chrome/browser/resources/print_preview/settings/destination_settings.css

Issue 660733006: Change destination selection layout to accomodate for bigger font sizes. (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 | chrome/browser/resources/print_preview/settings/destination_settings.html » ('j') | 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 #destination-settings .left-column { 5 #destination-settings .left-column {
6 padding-top: 20px; 6 padding-top: 20px;
7 vertical-align: top; 7 vertical-align: top;
8 } 8 }
9 9
10 #destination-settings .throbber { 10 #destination-settings .throbber {
11 display: block; 11 display: block;
12 margin-bottom: 4px; 12 margin-bottom: 4px;
13 margin-top: 8px; 13 margin-top: 8px;
14 } 14 }
15 15
16 #destination-settings .destination-settings-box { 16 #destination-settings .destination-settings-box {
17 -webkit-box-align: center; 17 -webkit-box-align: center;
18 display: -webkit-box; 18 display: -webkit-box;
19 height: 28px; 19 min-height: 28px;
20 } 20 }
21 21
22 .destination-settings-box.stale { 22 .destination-settings-box.stale {
23 opacity: 0.4; 23 opacity: 0.4;
24 } 24 }
25 25
26 #destination-settings .destination-settings-change-button { 26 #destination-settings .destination-settings-change-button {
27 margin: 10px 0; 27 margin: 10px 0;
28 } 28 }
29 29
30 .destination-settings-icon { 30 .destination-settings-icon {
31 -webkit-margin-end: 8px; 31 -webkit-margin-end: 8px;
32 height: 24px; 32 height: 24px;
33 vertical-align: middle; 33 vertical-align: middle;
34 width: 24px; 34 width: 24px;
35 } 35 }
36 36
37 .destination-settings-info-wrapper { 37 .destination-settings-info-wrapper {
38 -webkit-box-flex: 1; 38 -webkit-box-flex: 1;
39 height: 28px;
40 position: relative;
41 } 39 }
42 40
43 .destination-settings-info { 41 .destination-settings-info {
44 -webkit-box-orient: vertical; 42 display: table;
45 -webkit-box-pack: center; 43 table-layout: fixed;
46 display: -webkit-box;
47 height: 100%;
48 position: absolute;
49 white-space: nowrap;
50 width: 100%; 44 width: 100%;
51 } 45 }
52 46
53 .throbber-container { 47 .throbber-container {
54 -webkit-box-orient: horizontal; 48 -webkit-box-orient: horizontal;
55 display: -webkit-box; 49 display: -webkit-box;
56 } 50 }
57 51
58 .throbber-container .throbber { 52 .throbber-container .throbber {
59 -webkit-margin-end: 8px; 53 -webkit-margin-end: 8px;
60 } 54 }
61 55
62 .destination-throbber-name-container { 56 .destination-throbber-name-container {
63 -webkit-box-flex: 1; 57 -webkit-box-flex: 1;
64 -webkit-box-orient: vertical; 58 -webkit-box-orient: vertical;
65 -webkit-box-pack: center; 59 -webkit-box-pack: center;
66 display: -webkit-box; 60 display: -webkit-box;
67 height: 28px; 61 min-height: 28px;
68 } 62 }
69 63
70 .destination-settings-name,
71 .destination-throbber-name { 64 .destination-throbber-name {
72 font-size: 110%; 65 font-size: 110%;
73 overflow: hidden; 66 overflow: hidden;
74 text-overflow: ellipsis; 67 text-overflow: ellipsis;
75 } 68 }
76 69
70 .destination-settings-info > div {
71 display: table-row;
72 }
73
74 .destination-settings-info > div > div {
75 display: table-cell;
76 overflow: hidden;
77 text-overflow: ellipsis;
78 white-space: nowrap;
79 }
80
81 .destination-settings-name {
82 font-size: 110%;
83 }
84
77 .destination-settings-location { 85 .destination-settings-location {
78 opacity: 0.4; 86 opacity: 0.4;
79 overflow: hidden;
80 text-overflow: ellipsis;
81 } 87 }
82
83 .destination-settings-offline-status {
84 overflow: hidden;
85 text-overflow: ellipsis;
86 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/print_preview/settings/destination_settings.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698