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

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

Issue 2910203003: Handling edge cases of new login screen (Closed)
Patch Set: Adjust animation duration and add small screen handling 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
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/md_header_bar.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 #login-header-bar { 5 #login-header-bar {
6 -webkit-padding-start: 15px; 6 -webkit-padding-start: 15px;
7 bottom: 0; 7 bottom: 0;
8 left: 0; 8 left: 0;
9 min-height: 34px; /* Should be consistent with .header-bar-item's height. */ 9 min-height: 34px; /* Should be consistent with .header-bar-item's height. */
10 padding-bottom: 6px; 10 padding-bottom: 6px;
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
73 bottom: 0; 73 bottom: 0;
74 color: black !important; 74 color: black !important;
75 display: block; 75 display: block;
76 font-size: 13px; 76 font-size: 13px;
77 height: auto; 77 height: auto;
78 min-height: 34px; 78 min-height: 34px;
79 padding: 0 16px; 79 padding: 0 16px;
80 position: absolute; 80 position: absolute;
81 text-align: center; 81 text-align: center;
82 white-space: nowrap; 82 white-space: nowrap;
83 z-index: 3;
83 } 84 }
84 85
85 #more-settings-header-bar-item.active button.add-supervised-user-menu:focus { 86 #more-settings-header-bar-item.active button.add-supervised-user-menu:focus {
86 border: 2px solid var(--google-blue-500); 87 border: 2px solid var(--google-blue-500);
87 border-radius: 2px; 88 border-radius: 2px;
88 padding: 0 15px; 89 padding: 0 15px;
89 } 90 }
90 91
91 html[dir=rtl] .header-bar-item { 92 html[dir=rtl] .header-bar-item {
92 background-position: right center; 93 background-position: right center;
(...skipping 21 matching lines...) Expand all
114 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button-text, 115 html[dir=rtl] #login-header-bar #cancel-multiple-sign-in-button-text,
115 html[dir=rtl] #login-header-bar #sign-out-user-button-text, 116 html[dir=rtl] #login-header-bar #sign-out-user-button-text,
116 html[dir=rtl] #login-header-bar #unlock-user-button-text { 117 html[dir=rtl] #login-header-bar #unlock-user-button-text {
117 background-position: right center; 118 background-position: right center;
118 } 119 }
119 120
120 #login-header-bar #shutdown-button, 121 #login-header-bar #shutdown-button,
121 #login-header-bar #restart-button, 122 #login-header-bar #restart-button,
122 #login-header-bar #add-user-button, 123 #login-header-bar #add-user-button,
123 #login-header-bar #guest-user-button, 124 #login-header-bar #guest-user-button,
124 #login-header-bar #more-settings-button,
125 #login-header-bar #cancel-multiple-sign-in-button { 125 #login-header-bar #cancel-multiple-sign-in-button {
126 padding: 0 14px; 126 padding: 0 14px;
127 } 127 }
128 128
129 #login-header-bar #more-settings-button {
130 padding: 0 10px 0 18px;
131 }
132
129 #login-header-bar #more-settings-header-bar-item { 133 #login-header-bar #more-settings-header-bar-item {
130 position: relative; 134 position: relative;
131 } 135 }
132 136
133 #login-header-bar #shutdown-button-text, 137 #login-header-bar #shutdown-button-text,
134 #login-header-bar #restart-button-text { 138 #login-header-bar #restart-button-text {
135 background-image: -webkit-image-set( 139 background-image: -webkit-image-set(
136 url(images/1x/shutdown.svg) 1x, 140 url(images/1x/shutdown.svg) 1x,
137 url(images/2x/shutdown.svg) 2x ); 141 url(images/2x/shutdown.svg) 2x );
138 } 142 }
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
171 background-image: -webkit-image-set( 175 background-image: -webkit-image-set(
172 url(images/1x/unlock.svg) 1x, 176 url(images/1x/unlock.svg) 1x,
173 url(images/2x/unlock.svg) 2x ); 177 url(images/2x/unlock.svg) 2x );
174 } 178 }
175 179
176 .button-restricted { 180 .button-restricted {
177 border: 1px solid transparent; 181 border: 1px solid transparent;
178 color: white !important; 182 color: white !important;
179 opacity: 0.4 !important; 183 opacity: 0.4 !important;
180 } 184 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/chromeos/login/md_header_bar.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698