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

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

Issue 10909031: Make history page touch friendly. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 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 | Annotate | Revision Log
« 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 #editing-controls, 5 #editing-controls,
6 #loading-spinner { 6 #loading-spinner {
7 margin-top: 16px; 7 margin-top: 16px;
8 white-space: nowrap; 8 white-space: nowrap;
9 } 9 }
10 10
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
57 overflow: auto; /* Make sure it's at least as large as its children. */ 57 overflow: auto; /* Make sure it's at least as large as its children. */
58 } 58 }
59 59
60 .entry-box { 60 .entry-box {
61 -webkit-box-orient: horizontal; 61 -webkit-box-orient: horizontal;
62 cursor: default; 62 cursor: default;
63 display: -webkit-box; 63 display: -webkit-box;
64 float: left; /* Box will shrink to fit its content. */ 64 float: left; /* Box will shrink to fit its content. */
65 /* An odd line-height ensures a consistent baseline on all platforms. */ 65 /* An odd line-height ensures a consistent baseline on all platforms. */
66 line-height: 1.75em; 66 line-height: 1.75em;
67 margin-bottom: 6px;
67 /* The box should be no bigger than its parent. */ 68 /* The box should be no bigger than its parent. */
68 max-width: 100%; 69 max-width: 100%;
69 overflow: hidden; 70 overflow: hidden;
70 padding-bottom: 1px; 71 padding-bottom: 1px;
71 } 72 }
72 73
73 html[dir=rtl] .entry-box { 74 html[dir=rtl] .entry-box {
74 float: right; /* To make the box shrink to fit its content. */ 75 float: right; /* To make the box shrink to fit its content. */
75 } 76 }
76 77
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
144 width: 110px; 145 width: 110px;
145 } 146 }
146 147
147 .entry input[type=checkbox] { 148 .entry input[type=checkbox] {
148 -webkit-margin-end: 6px; 149 -webkit-margin-end: 6px;
149 -webkit-margin-start: 4px; 150 -webkit-margin-start: 4px;
150 line-height: 1em; 151 line-height: 1em;
151 } 152 }
152 153
153 /* Checkboxes are shown when checked or focused, or when the entry is hovered. 154 /* Checkboxes are shown when checked or focused, or when the entry is hovered.
154 Fade in on focus, but not on hover, because it makes the UI feel laggy. */ 155 * Fade in on focus, but not on hover, because it makes the UI feel laggy.
156 * Using faded checkbox rather than hidden when not checked, focused or hovered
157 * in order to work well with touch. The faded box is sufficiently non-
158 * intrusive. */
155 .entry input[type=checkbox]:not(:checked) { 159 .entry input[type=checkbox]:not(:checked) {
156 opacity: 0; 160 opacity: 0.3;
157 } 161 }
158 162
159 .entry-box:hover input[type=checkbox], 163 .entry-box:hover input[type=checkbox],
160 .entry-box input[type=checkbox]:focus { 164 .entry-box input[type=checkbox]:focus {
161 opacity: 1; 165 opacity: 1;
162 } 166 }
163 167
164 .entry-box input[type=checkbox]:focus { 168 .entry-box input[type=checkbox]:focus {
165 -webkit-transition: opacity 150ms; 169 -webkit-transition: opacity 150ms;
166 } 170 }
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
214 218
215 .fade-out { 219 .fade-out {
216 -webkit-transition: opacity 200ms; 220 -webkit-transition: opacity 200ms;
217 opacity: 0; 221 opacity: 0;
218 } 222 }
219 223
220 .menu-button.drop-down { 224 .menu-button.drop-down {
221 position: relative; 225 position: relative;
222 top: 2px; 226 top: 2px;
223 } 227 }
228
229 #action-menu > :not(hr) {
230 line-height: 28px;
231 }
232
Evan Stade 2012/08/31 18:43:00 ^H
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