Chromium Code Reviews| 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 #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 Loading... | |
| 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 Loading... | |
| 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 Loading... | |
| 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
| |
| OLD | NEW |