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/login/user_pod_row.css

Issue 399613002: Anti-shelf-overlapping fixes for several menus. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 6 years, 5 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 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 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 302 matching lines...) Expand 10 before | Expand all | Expand 10 after
313 313
314 .action-box-area.active ~ .action-box-menu { 314 .action-box-area.active ~ .action-box-menu {
315 background-color: white; 315 background-color: white;
316 border: 1px solid lightgray; 316 border: 1px solid lightgray;
317 border-radius: 2px; 317 border-radius: 2px;
318 display: flex; 318 display: flex;
319 flex-direction: column; 319 flex-direction: column;
320 font-size: 13px; 320 font-size: 13px;
321 position: absolute; 321 position: absolute;
322 right: 5px; 322 right: 5px;
323 width: 220px;
324 }
325
326 .action-box-area.active ~ .action-box-menu:not(.menuMovedUp) {
dzhioev (left Google) 2014/07/16 19:13:51 menu-moved-up
merkulova 2014/07/22 08:11:44 Done.
323 top: 18px; 327 top: 18px;
324 width: 220px; 328 }
329
330 .action-box-area.active ~ .action-box-menu.menuMovedUp {
331 bottom: 210px;
332 }
333
334 .action-box-area.menuMovedUp {
335 -webkit-transform: rotate(180deg);
325 } 336 }
326 337
327 html[dir=rtl] .action-box-area.active ~ .action-box-menu { 338 html[dir=rtl] .action-box-area.active ~ .action-box-menu {
328 left: 5px; 339 left: 5px;
329 right: auto; 340 right: auto;
330 } 341 }
331 342
332 .action-box-menu-title { 343 .action-box-menu-title {
333 color: #b4b4b4; 344 color: #b4b4b4;
334 display: flex; 345 display: flex;
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
367 } 378 }
368 379
369 .action-box-remove-user-warning-text { 380 .action-box-remove-user-warning-text {
370 padding-bottom: 20px; 381 padding-bottom: 20px;
371 } 382 }
372 383
373 .action-box-remove-user-warning .remove-warning-button { 384 .action-box-remove-user-warning .remove-warning-button {
374 width: 100%; 385 width: 100%;
375 } 386 }
376 387
388 .action-box-remove-supervised-user-warning-text {
389 margin-bottom: 10px;
390 }
391
377 .user-type-bubble { 392 .user-type-bubble {
378 background-color: white; 393 background-color: white;
379 border: 1px solid lightgray; 394 border: 1px solid lightgray;
380 border-radius: 2px; 395 border-radius: 2px;
381 left: 5px; 396 left: 5px;
382 opacity: 0; 397 opacity: 0;
383 padding: 17px; 398 padding: 17px;
384 position: absolute; 399 position: absolute;
385 top: 20px; 400 top: 20px;
386 transition: all 100ms; 401 transition: all 100ms;
(...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after
498 } 513 }
499 514
500 .info { 515 .info {
501 flex: auto; 516 flex: auto;
502 font-size: 13px; 517 font-size: 13px;
503 margin: 5px 10px 0 10px; 518 margin: 5px 10px 0 10px;
504 overflow: hidden; 519 overflow: hidden;
505 text-overflow: ellipsis; 520 text-overflow: ellipsis;
506 white-space: nowrap; 521 white-space: nowrap;
507 } 522 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698