diff options
Diffstat (limited to 'chrome/browser/resources/shared/css/chrome_shared_touch.css')
-rw-r--r-- | chrome/browser/resources/shared/css/chrome_shared_touch.css | 68 |
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; +} |