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

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 * { 5 html.loading * {
6 transition-duration: 0ms !important; 6 transition-duration: 0ms !important;
7 } 7 }
8 8
9 html:not(.focus-outline-visible) 9 html:not(.focus-outline-visible)
10 :enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio']) { 10 :enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio']) {
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after
134 /* Contents */ 134 /* Contents */
135 135
136 #extension-settings { 136 #extension-settings {
137 max-width: 738px; 137 max-width: 738px;
138 } 138 }
139 139
140 #no-extensions-message { 140 #no-extensions-message {
141 font-weight: bold; 141 font-weight: bold;
142 } 142 }
143 143
144 #no-extensions {
145 margin-top: 3em;
146 }
147
144 #suggest-gallery { 148 #suggest-gallery {
145 -webkit-padding-start: 10px; 149 -webkit-padding-start: 10px;
146 } 150 }
147 151
148 #footer-section { 152 #footer-section {
149 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat left center; 153 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat left center;
150 background-size: 32px 32px; 154 background-size: 32px 32px;
151 font-size: 1.25em; 155 font-size: 1.25em;
152 } 156 }
153 157
154 html[dir=rtl] #footer-section { 158 html[dir=rtl] #footer-section {
155 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat right center; 159 background: url(chrome://theme/IDR_WEBSTORE_ICON_32) no-repeat right center;
156 } 160 }
157 161
158 #footer-section > a { 162 #footer-section > a {
159 -webkit-margin-start: 42px; 163 -webkit-margin-start: 42px;
160 line-height: 32px; 164 line-height: 32px;
161 } 165 }
162 166
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 {
171 display: none;
172 }
173
174 .extension-list-item-wrapper { 167 .extension-list-item-wrapper {
175 margin: 23px 0; 168 margin: 23px 0;
176 } 169 }
177 170
178 .extension-list-item { 171 .extension-list-item {
179 background-repeat: no-repeat; 172 background-repeat: no-repeat;
180 display: -webkit-box; 173 display: -webkit-box;
181 min-height: 48px; 174 min-height: 48px;
182 } 175 }
183 176
(...skipping 226 matching lines...) Expand 10 before | Expand all | Expand 10 after
410 /* Sideload Wipeout */ 403 /* Sideload Wipeout */
411 404
412 .sideload-wipeout-learn-more { 405 .sideload-wipeout-learn-more {
413 text-decoration: none; 406 text-decoration: none;
414 } 407 }
415 408
416 .sideload-wipeout-banner .page-banner-text { 409 .sideload-wipeout-banner .page-banner-text {
417 -webkit-padding-start: 8px; 410 -webkit-padding-start: 8px;
418 background-image: none; 411 background-image: none;
419 } 412 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/extensions/extension_list.js ('k') | chrome/browser/resources/extensions/extensions.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698