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

Side by Side Diff: chrome/browser/resources/extensions/extensions.css

Issue 1025703003: [Extensions Page] Fix the flicker of "No extensions" before extension data loads (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 9 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
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 html.loading * {
6 transition-duration: 0ms !important;
7 }
8
9 html:not(.focus-outline-visible) 5 html:not(.focus-outline-visible)
10 :enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio']) { 6 :enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio']) {
11 /* Cancel border-color for :focus specified in widgets.css. */ 7 /* Cancel border-color for :focus specified in widgets.css. */
12 border-color: rgba(0, 0, 0, 0.25); 8 border-color: rgba(0, 0, 0, 0.25);
13 } 9 }
14 10
15 .no-scroll { 11 .no-scroll {
16 overflow-y: hidden; 12 overflow-y: hidden;
17 } 13 }
18 14
(...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after
134 /* Contents */ 130 /* Contents */
135 131
136 #extension-settings { 132 #extension-settings {
137 max-width: 738px; 133 max-width: 738px;
138 } 134 }
139 135
140 #no-extensions-message { 136 #no-extensions-message {
141 font-weight: bold; 137 font-weight: bold;
142 } 138 }
143 139
140 #no-extensions {
141 margin-top: 3em;
142 }
143
144 #suggest-gallery { 144 #suggest-gallery {
145 -webkit-padding-start: 10px; 145 -webkit-padding-start: 10px;
146 } 146 }
147 147
148 #footer-section { 148 #footer-section {
149 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat left center; 149 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat left center;
150 background-size: 32px 32px; 150 background-size: 32px 32px;
151 font-size: 1.25em; 151 font-size: 1.25em;
152 } 152 }
153 153
154 html[dir=rtl] #footer-section { 154 html[dir=rtl] #footer-section {
155 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat right center; 155 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat right center;
156 } 156 }
157 157
158 #footer-section > a { 158 #footer-section > a {
159 -webkit-margin-start: 42px; 159 -webkit-margin-start: 42px;
160 line-height: 32px; 160 line-height: 32px;
161 } 161 }
162 162
163 .empty-extension-list {
164 height: 3em;
165 }
166
167 .loading #no-extensions,
168 .loading #footer-section,
169 #extension-settings-list:not(.empty-extension-list) ~ #no-extensions,
170 .empty-extension-list ~ #footer-section {
Dan Beam 2015/03/21 01:14:10 i just really meant removing this. leaving .loadi
Devlin 2015/03/21 01:32:23 Oh, okay. Added back.
171 display: none;
172 }
173
174 .extension-list-item-wrapper { 163 .extension-list-item-wrapper {
175 margin: 23px 0; 164 margin: 23px 0;
176 } 165 }
177 166
178 .extension-list-item { 167 .extension-list-item {
179 background-repeat: no-repeat; 168 background-repeat: no-repeat;
180 display: -webkit-box; 169 display: -webkit-box;
181 min-height: 48px; 170 min-height: 48px;
182 } 171 }
183 172
(...skipping 226 matching lines...) Expand 10 before | Expand all | Expand 10 after
410 /* Sideload Wipeout */ 399 /* Sideload Wipeout */
411 400
412 .sideload-wipeout-learn-more { 401 .sideload-wipeout-learn-more {
413 text-decoration: none; 402 text-decoration: none;
414 } 403 }
415 404
416 .sideload-wipeout-banner .page-banner-text { 405 .sideload-wipeout-banner .page-banner-text {
417 -webkit-padding-start: 8px; 406 -webkit-padding-start: 8px;
418 background-image: none; 407 background-image: none;
419 } 408 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698