summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/shared/css/chrome_shared_touch.css
diff options
context:
space:
mode:
Diffstat (limited to 'chrome/browser/resources/shared/css/chrome_shared_touch.css')
-rw-r--r--chrome/browser/resources/shared/css/chrome_shared_touch.css68
1 files changed, 68 insertions, 0 deletions
diff --git a/chrome/browser/resources/shared/css/chrome_shared_touch.css b/chrome/browser/resources/shared/css/chrome_shared_touch.css
new file mode 100644
index 0000000..50f5412
--- /dev/null
+++ b/chrome/browser/resources/shared/css/chrome_shared_touch.css
@@ -0,0 +1,68 @@
+/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file. */
+
+/* NB: do not include this file directly. Include chrome_shared.css. If touch
+ * optimization is enabled, these rules will be automatically loaded by the
+ * SharedResourceDataSource. */
+
+<include src="chrome_shared.css">
+
+input[type='input'],
+input[type='password'],
+input[type='search'],
+input[type='text'],
+input[type='url'] {
+ padding-bottom: 7px;
+ padding-top: 6px;
+}
+
+/* Margins are not touchable. Use padding on the inner label instead to
+ increase the size of the touch target. */
+.checkbox,
+.radio {
+ margin: 0;
+}
+
+.checkbox label,
+.radio label {
+ padding-bottom: 7px;
+ padding-top: 7px;
+}
+
+li > button.link-button {
+ padding-bottom: 8px;
+ padding-top: 8px;
+}
+
+button:not(.custom-appearance):not(.link-button),
+input[type=button]:not(.custom-appearance),
+input[type=submit]:not(.custom-appearance),
+select {
+ margin-bottom: 6px;
+ margin-top: 6px;
+ padding-bottom: 7px;
+ padding-top: 6px;
+}
+
+html[touch-optimized] .tree-item > .tree-row {
+ padding: 4px 3px;
+}
+
+list input[type='input'],
+list input[type='password'],
+list input[type='search'],
+list input[type='text'],
+list input[type='url'] {
+ margin: 0;
+ padding: 3px 3px 2px 3px;
+}
+
+list button:not(.custom-appearance):not(.link-button),
+list input[type=button]:not(.custom-appearance),
+list input[type=submit]:not(.custom-appearance),
+list select {
+ margin: 0;
+ padding-bottom: 0;
+ padding-top: 3px;
+}