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

Side by Side Diff: ui/login/account_picker/md_screen_account_picker.css

Issue 2931063004: Extract colors from wallpaper and dynamically update login screen overlay (Closed)
Patch Set: Will clean up this CL when crbug.com/733709 is fixed Created 3 years, 6 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 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 5
6 .account-picker.flying-pods #account-picker { 6 .account-picker.flying-pods #account-picker {
7 transition: width 180ms ease, height 180ms ease; 7 transition: width 180ms ease, height 180ms ease;
8 } 8 }
9 9
10 #bubble { 10 #bubble {
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after
67 opacity: 0.8; 67 opacity: 0.8;
68 transition: opacity 1s; 68 transition: opacity 1s;
69 visibility: visible; 69 visibility: visible;
70 } 70 }
71 71
72 .small-pod-container { 72 .small-pod-container {
73 overflow: scroll; 73 overflow: scroll;
74 position: absolute; 74 position: absolute;
75 } 75 }
76 76
77 .small-pod-container.scroll {
78 background-color: rgba(0, 0, 0, 0.3);
79 }
80
81 .small-pod-container.images-loading {
82 visibility: hidden;
83 }
84
77 .small-pod-container::-webkit-scrollbar { 85 .small-pod-container::-webkit-scrollbar {
78 width: 0; 86 width: 0;
79 } 87 }
80 88
81 .small-pod-container.scroll {
82 background-color: rgba(20, 29, 40, .2);
83 }
84
85 .small-pod-container.scroll::-webkit-scrollbar { 89 .small-pod-container.scroll::-webkit-scrollbar {
86 width: 9px; 90 width: 9px;
87 } 91 }
88 92
89 .small-pod-container.scroll::-webkit-scrollbar-thumb { 93 .small-pod-container.scroll::-webkit-scrollbar-thumb {
90 background-color: rgba(255, 255, 255, .17); 94 background-color: rgba(255, 255, 255, .17);
91 border-radius: 8px; 95 border-radius: 8px;
92 } 96 }
93 97
94 .small-pod-container-mask { 98 .small-pod-container-mask {
95 background: linear-gradient(#4FC3F7, transparent); 99 background: linear-gradient(#000, transparent);
96 height: 112px; 100 height: 112px;
97 position: absolute; 101 position: absolute;
98 width: 100%; 102 width: 100%;
99 z-index: 2; 103 z-index: 2;
100 } 104 }
101 105
106 .small-pod-container-mask.images-loading {
107 visibility: hidden;
108 }
109
102 .small-pod-container-mask.rotate { 110 .small-pod-container-mask.rotate {
103 transform: rotate(180deg); 111 transform: rotate(180deg);
104 } 112 }
OLDNEW
« no previous file with comments | « components/wallpaper/wallpaper_manager_base.h ('k') | ui/login/account_picker/md_screen_account_picker.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698