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

Side by Side Diff: chrome/browser/resources/shared/css/chrome_shared2_touch.css

Issue 10413009: Align heights of text input fields and buttons when touch-optimization enabled. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 7 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 /* NB: do not include this file directly. Include chrome_shared2.css. If touch 5 /* NB: do not include this file directly. Include chrome_shared2.css. If touch
6 * optimization is enabled, these rules will be automatically loaded by the 6 * optimization is enabled, these rules will be automatically loaded by the
7 * SharedResourceDataSource. */ 7 * SharedResourceDataSource. */
8 8
9 <include src="chrome_shared2.css"> 9 <include src="chrome_shared2.css">
10 10
11 /* TODO(kevers): Add [type='input'] and [type='password']. */ 11 input[type='input'],
12 input[type='search'] { 12 input[type='password'],
13 padding-bottom: 6px; 13 input[type='search'],
14 input[type='text'],
15 input[type='url'] {
16 padding-bottom: 7px;
14 padding-top: 6px; 17 padding-top: 6px;
15 } 18 }
16 19
17 /* Margins are not touchable. Use padding on the inner label instead to 20 /* Margins are not touchable. Use padding on the inner label instead to
18 increase the size of the touch target. */ 21 increase the size of the touch target. */
19 .checkbox, 22 .checkbox,
20 .radio { 23 .radio {
21 margin: 0; 24 margin: 0;
22 } 25 }
23 26
24 .checkbox label, 27 .checkbox label,
25 .radio label { 28 .radio label {
26 padding-bottom: 7px; 29 padding-bottom: 7px;
27 padding-top: 7px; 30 padding-top: 7px;
28 } 31 }
29 32
30 li > button.link-button { 33 li > button.link-button {
31 padding-bottom: 8px; 34 padding-bottom: 8px;
32 padding-top: 8px; 35 padding-top: 8px;
33 } 36 }
34 37
35 button:not(.custom-appearance):not(.link-button), 38 button:not(.custom-appearance):not(.link-button),
36 input[type=button]:not(.custom-appearance), 39 input[type=button]:not(.custom-appearance),
37 input[type=submit]:not(.custom-appearance), 40 input[type=submit]:not(.custom-appearance),
38 select { 41 select {
39 margin-bottom: 6px; 42 margin-bottom: 6px;
40 margin-top: 6px; 43 margin-top: 6px;
44 padding-bottom: 7px;
45 padding-top: 6px;
41 } 46 }
42 47
43 html[touch-optimized] .tree-item > .tree-row { 48 html[touch-optimized] .tree-item > .tree-row {
44 padding: 4px 3px; 49 padding: 4px 3px;
45 } 50 }
51
52 list input[type='input'],
53 list input[type='password'],
54 list input[type='search'],
55 list input[type='text'],
56 list input[type='url'] {
57 margin: 0;
58 padding: 3px 3px 2px 3px;
59 }
60
61 list button:not(.custom-appearance):not(.link-button),
62 list input[type=button]:not(.custom-appearance),
63 list input[type=submit]:not(.custom-appearance),
64 list select {
65 margin: 0;
66 padding-bottom: 0;
67 padding-top: 3px;
68 }
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