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

Side by Side Diff: chrome/browser/resources/chromeos/login/user_pod_row.css

Issue 158833003: Represent kiosk apps as user pods instead of menu items. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: pngcrush Created 6 years, 10 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 | Annotate | Revision Log
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 is the stylesheet used by user pods row of account picker UI. 5 * This is the stylesheet used by user pods row of account picker UI.
6 */ 6 */
7 7
8 podrow { 8 podrow {
9 /* Temporarily disabled because animation interferes with updating screen's 9 /* Temporarily disabled because animation interferes with updating screen's
10 size. */ 10 size. */
(...skipping 156 matching lines...) Expand 10 before | Expand all | Expand 10 after
167 height: 40px; 167 height: 40px;
168 outline: none; 168 outline: none;
169 padding: 4px 6px; 169 padding: 4px 6px;
170 width: 100%; 170 width: 100%;
171 } 171 }
172 172
173 .pod.need-password.focused .password-area { 173 .pod.need-password.focused .password-area {
174 display: -webkit-box; 174 display: -webkit-box;
175 } 175 }
176 176
177 .pod .signin-button { 177 .pod .signin-button,
178 .pod .launch-app-button {
178 box-sizing: border-box; 179 box-sizing: border-box;
179 display: inline-block; 180 display: inline-block;
180 height: 26px; 181 height: 26px;
181 margin: 6px 0; 182 margin: 6px 0;
182 max-width: 100%; 183 max-width: 100%;
183 min-width: 72px !important; 184 min-width: 72px !important;
184 padding: 4px 8px; 185 padding: 4px 8px;
185 } 186 }
186 187
187 .pod:not(.focused) .signin-button { 188 .pod:not(.focused) .signin-button,
189 .pod:not(.focused) .launch-app-button {
188 display: none; 190 display: none;
189 } 191 }
190 192
191 .pod .capslock-hint { 193 .pod .capslock-hint {
192 bottom: 13px; 194 bottom: 13px;
193 cursor: text; 195 cursor: text;
194 position: absolute; 196 position: absolute;
195 right: 6px; 197 right: 6px;
196 visibility: hidden; 198 visibility: hidden;
197 z-index: 1; 199 z-index: 1;
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after
273 } 275 }
274 276
275 .user-type-icon-area.supervised .user-type-icon-image { 277 .user-type-icon-area.supervised .user-type-icon-image {
276 background-image: url('chrome://theme/IDR_MANAGED_MODE_ICON'); 278 background-image: url('chrome://theme/IDR_MANAGED_MODE_ICON');
277 } 279 }
278 280
279 .user-type-icon-area.policy .user-type-icon-image { 281 .user-type-icon-area.policy .user-type-icon-image {
280 background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY'); 282 background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
281 } 283 }
282 284
285 .user-type-icon-area.app .user-type-icon-image {
286 background-image: url('chrome://theme/IDR_KIOSK_APP_USER_POD_ICON');
287 }
288
283 .user-type-icon-area.policy:hover ~ .user-type-bubble { 289 .user-type-icon-area.policy:hover ~ .user-type-bubble {
284 opacity: 1; 290 opacity: 1;
285 visibility: visible; 291 visibility: visible;
286 } 292 }
287 293
288 .user-type-bubble { 294 .user-type-bubble {
289 -webkit-transition: all 100ms ease-in-out; 295 -webkit-transition: all 100ms ease-in-out;
290 background-color: white; 296 background-color: white;
291 border: 1px solid lightgray; 297 border: 1px solid lightgray;
292 border-radius: 2px; 298 border-radius: 2px;
(...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after
561 .pod.public-account.expanded .name, 567 .pod.public-account.expanded .name,
562 .pod.public-account.expanded .learn-more { 568 .pod.public-account.expanded .learn-more {
563 display: none; 569 display: none;
564 } 570 }
565 571
566 .pod.public-account.expanded .side-pane-divider, 572 .pod.public-account.expanded .side-pane-divider,
567 .pod.public-account.expanded .side-pane-container, 573 .pod.public-account.expanded .side-pane-container,
568 .pod.public-account.animating .side-pane-container { 574 .pod.public-account.animating .side-pane-container {
569 visibility: inherit; 575 visibility: inherit;
570 } 576 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698