| OLD | NEW |
| 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 /* This file holds CSS that should be shared, in theory, by all user-visible | 5 /* This file holds CSS that should be shared, in theory, by all user-visible |
| 6 * chrome:// pages. */ | 6 * chrome:// pages. */ |
| 7 | 7 |
| 8 @import url("chrome://resources/css/widgets.css"); | 8 @import url("chrome://resources/css/widgets.css"); |
| 9 <if expr="pp_ifdef('chromeos')"> | 9 <if expr="pp_ifdef('chromeos')"> |
| 10 @import url("chrome://resources/css/chromeos/ui_account_tweaks.css"); | 10 @import url("chrome://resources/css/chromeos/ui_account_tweaks.css"); |
| (...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 97 } | 97 } |
| 98 | 98 |
| 99 /* WebKit does not honor alignment for text specified via placeholder attribute. | 99 /* WebKit does not honor alignment for text specified via placeholder attribute. |
| 100 * This CSS is a workaround. Please remove once WebKit bug is fixed. | 100 * This CSS is a workaround. Please remove once WebKit bug is fixed. |
| 101 * https://bugs.webkit.org/show_bug.cgi?id=63367 | 101 * https://bugs.webkit.org/show_bug.cgi?id=63367 |
| 102 */ | 102 */ |
| 103 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, | 103 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, |
| 104 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { | 104 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { |
| 105 direction: rtl; | 105 direction: rtl; |
| 106 } | 106 } |
| 107 | |
| 108 /* Rules to make it easier to hit targets when using a coarse pointer like | |
| 109 * a touch screen. | |
| 110 */ | |
| 111 @media (pointer:coarse) { | |
| 112 list input[type='input'], | |
| 113 list input[type='password'], | |
| 114 list input[type='search'], | |
| 115 list input[type='text'], | |
| 116 list input[type='url'] { | |
| 117 margin: 0; | |
| 118 padding: 3px 3px 2px 3px; | |
| 119 } | |
| 120 | |
| 121 /* Margins are not touchable. Use padding on the inner label instead to | |
| 122 increase the size of the touch target. */ | |
| 123 .checkbox, | |
| 124 .radio { | |
| 125 margin: 0; | |
| 126 } | |
| 127 | |
| 128 .checkbox label, | |
| 129 .radio label { | |
| 130 padding-bottom: 7px; | |
| 131 padding-top: 7px; | |
| 132 } | |
| 133 | |
| 134 li > button.link-button { | |
| 135 padding-bottom: 8px; | |
| 136 padding-top: 8px; | |
| 137 } | |
| 138 | |
| 139 :-webkit-any(button, | |
| 140 input[type='button'], | |
| 141 input[type='submit'], | |
| 142 select):not(.custom-appearance):not(.link-button) { | |
| 143 margin-bottom: 6px; | |
| 144 margin-top: 6px; | |
| 145 } | |
| 146 | |
| 147 list :-webkit-any( | |
| 148 button, | |
| 149 input[type='button'], | |
| 150 input[type='submit'], | |
| 151 select):not(.custom-appearance):not(.link-button) { | |
| 152 margin: 0; | |
| 153 padding-bottom: 0; | |
| 154 padding-top: 3px; | |
| 155 } | |
| 156 } | |
| OLD | NEW |