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

Side by Side Diff: ui/webui/resources/css/widgets.css

Issue 1076093002: Minimize flicker by adding a   to nodes that will have (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 8 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
« 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 /* This file defines styles for form controls. The order of rule blocks is 5 /* This file defines styles for form controls. The order of rule blocks is
6 * important as there are some rules with equal specificity that rely on order 6 * important as there are some rules with equal specificity that rely on order
7 * as a tiebreaker. These are marked with OVERRIDE. */ 7 * as a tiebreaker. These are marked with OVERRIDE. */
8 8
9 /* Default state **************************************************************/ 9 /* Default state **************************************************************/
10 10
(...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after
110 * of the default text in relatively spacious languages (i.e. German). */ 110 * of the default text in relatively spacious languages (i.e. German). */
111 min-width: 160px; 111 min-width: 160px;
112 } 112 }
113 113
114 /* Remove when https://bugs.webkit.org/show_bug.cgi?id=51499 is fixed. 114 /* Remove when https://bugs.webkit.org/show_bug.cgi?id=51499 is fixed.
115 * TODO(dbeam): are there more types that would benefit from this? */ 115 * TODO(dbeam): are there more types that would benefit from this? */
116 input[type='search']::-webkit-textfield-decoration-container { 116 input[type='search']::-webkit-textfield-decoration-container {
117 direction: inherit; 117 direction: inherit;
118 } 118 }
119 119
120 [i18n-content]:empty,
121 [i18n-values*=".innerHTML:"]:empty {
Dan Beam 2015/04/10 02:32:59 so, what's the chance that even after i18nTemplate
Evan Stade 2015/04/10 14:14:41 hum, ida know. You could always add a class to the
Dan Beam 2015/04/10 23:42:52 Done.
122 /* Minimize flicker by increasing height to at least 1 line of text before
123 * i18n_process.js has a chance to run. */
124 min-height: 1em;
Evan Stade 2015/04/10 14:14:41 is 1 em really guaranteed to be the height of a li
Dan Beam 2015/04/10 23:42:52 Done.
125 }
126
120 /* Checked ********************************************************************/ 127 /* Checked ********************************************************************/
121 128
122 input[type='checkbox']:checked::before { 129 input[type='checkbox']:checked::before {
123 -webkit-user-select: none; 130 -webkit-user-select: none;
124 background-image: url(../images/check.png); 131 background-image: url(../images/check.png);
125 background-size: 100% 100%; 132 background-size: 100% 100%;
126 content: ''; 133 content: '';
127 display: block; 134 display: block;
128 height: 100%; 135 height: 100%;
129 width: 100%; 136 width: 100%;
(...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after
307 } 314 }
308 315
309 label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span { 316 label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span {
310 color: #999; 317 color: #999;
311 } 318 }
312 319
313 extensionview { 320 extensionview {
314 display: inline-block; 321 display: inline-block;
315 height: 300px; 322 height: 300px;
316 width: 300px; 323 width: 300px;
317 } 324 }
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