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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_user_manager/user_manager.html

Issue 2053723002: MD User Manager: Overhaul Urls (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@md-user-manager-locked-dialogs
Patch Set: Changed Urls for html resources to root-relative Urls Created 4 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 | « chrome/browser/resources/md_user_manager/supervised_user_learn_more.html ('k') | chrome/browser/resources/md_user_manager/user_manager_dialog.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html build="$i18n{buildType}" 2 <html build="$i18n{buildType}"
3 dir="$i18n{textdirection}" 3 dir="$i18n{textdirection}"
4 lang="$i18n{language}" 4 lang="$i18n{language}"
5 screen="$i18n{screenType}"> 5 screen="$i18n{screenType}">
6 <head> 6 <head>
7 <meta charset="utf-8"> 7 <meta charset="utf-8">
8 <meta name="google" value="notranslate"> 8 <meta name="google" value="notranslate">
9 <title>$i18n{title}</title> 9 <title>$i18n{title}</title>
10 10
11 <link rel="stylesheet" href="../../../../ui/login/account_picker/screen_accoun t_picker.css"> 11 <link rel="stylesheet" href="../../../../ui/login/account_picker/screen_accoun t_picker.css">
12 <link rel="stylesheet" href="../../../../ui/login/account_picker/user_pod_row. css"> 12 <link rel="stylesheet" href="../../../../ui/login/account_picker/user_pod_row. css">
13 <link rel="stylesheet" href="../../../../ui/login/bubble.css"> 13 <link rel="stylesheet" href="../../../../ui/login/bubble.css">
14 <link rel="stylesheet" href="../../../../ui/login/oobe.css"> 14 <link rel="stylesheet" href="../../../../ui/login/oobe.css">
15 <link rel="stylesheet" href="../../../../ui/login/screen_container.css"> 15 <link rel="stylesheet" href="../../../../ui/login/screen_container.css">
16 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> 16 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
17 17
18 <link rel="import" href="chrome://resources/html/polymer.html"> 18 <link rel="import" href="chrome://resources/html/polymer.html">
19 <link rel="import" href="/control_bar.html">
20 <link rel="import" href="/error_dialog.html">
21 <link rel="import" href="/shared_styles.html">
22 <link rel="import" href="/strings.html">
23 <link rel="import" href="/user_manager_pages.html">
24 <link rel="import" href="/user_manager_tutorial.html">
25 <link rel="import" href="chrome://resources/html/cr/ui.html">
26 <link rel="import" href="chrome://resources/html/util.html">
27 <!-- Make sure iron-icon and cr iconset are imported to use in
28 user_pod_template.html -->
19 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 29 <link rel="import" href="chrome://resources/cr_elements/icons.html">
20 <!-- Make sure iron-icon is imported to use in user_pod_template.html -->
21 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.h tml"> 30 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.h tml">
22 <!-- Make sure paper-button is imported to use in user_pod_template.html --> 31 <!-- Make sure paper-button is imported to use in user_pod_template.html -->
23 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-bu tton.html"> 32 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-bu tton.html">
24 <link rel="import" href="chrome://md-user-manager/control_bar.html"> 33 <style is="custom-style" include="shared-styles">
25 <link rel="import" href="chrome://md-user-manager/error_dialog.html"> 34 body {
26 <link rel="import" href="chrome://md-user-manager/user_manager_pages.html"> 35 background-color: var(--paper-grey-100);
27 <link rel="import" href="chrome://md-user-manager/user_manager_styles.html"> 36 }
28 <link rel="import" href="chrome://md-user-manager/user_manager_tutorial.html"> 37
29 <link rel="import" href="chrome://resources/html/cr/ui.html"> 38 user-manager-pages,
30 <link rel="import" href="chrome://resources/html/util.html"> 39 #login-header-bar {
31 <style is="custom-style" include="user-manager-styles"></style> 40 bottom: 0;
41 left: 0;
42 position: absolute;
43 right: 0;
44 }
45
46 user-manager-pages {
47 top: 0;
48 }
49
50 #login-header-bar.shadow {
51 box-shadow: 0 -1px 3px rgba(0, 0, 0, .2);
52 }
53
54 /* Overrides src/ui/login/screen_container.css for the desktop user
55 * manager. */
56
57 #outer-container {
58 min-height: 0;
59 overflow-x: hidden;
60 overflow-y: auto;
61 padding: 40px 0 30px;
62 z-index: initial;
63 }
64
65 .bubble.faded {
66 opacity: 0;
67 }
68
69 .pod {
70 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24),
71 0 0 2px 0 rgba(0, 0, 0, .12);
72 color: var(--primary-text-color);
73 cursor: default;
74 height: auto;
75 transform: none;
76 width: auto;
77 }
78
79 .pod.faded {
80 opacity: .6;
81 }
82
83 .pod.focused {
84 box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .26),
85 0 14px 28px 0 rgba(0, 0, 0, .25);
86 }
87
88 .pod .user-image-gradient-area,
89 .pod .user-image-pane {
90 border-top-left-radius: 2px;
91 border-top-right-radius: 2px;
92 }
93
94 .pod .user-image-pane {
95 overflow: hidden;
96 position: static;
97 }
98
99 .pod .user-image {
100 height: 160px;
101 width: 160px;
102 }
103
104 .pod .main-pane {
105 line-height: 20px;
106 padding: 10px;
107 position: static;
108 }
109
110 .pod .main-pane .name-container {
111 display: block;
112 position: static;
113 width: auto;
114 }
115
116 .pod .main-pane .name-container .name,
117 .reauth-hint-container .reauth-name-hint {
118 color: inherit;
119 font-size: inherit;
120 margin: 0;
121 padding: 0;
122 text-align: initial;
123 width: 120px;
124 }
125
126 .pod .indicator-container {
127 bottom: 10px;
128 height: 20px;
129 left: auto;
130 position: absolute;
131 right: 10px;
132 top: auto;
133 width: 20px;
134 }
135
136 html[dir='rtl'] .pod .indicator-container {
137 left: 10px;
138 right: auto;
139 }
140
141 /* Using -webkit-mask on the indicators allows us to tweak the color. */
142 .pod .indicator-container > .indicator {
143 -webkit-mask-position: center;
144 -webkit-mask-repeat: no-repeat;
145 -webkit-mask-size: 16px;
146 background: var(--paper-grey-600);
147 display: none;
148 height: 100%;
149 }
150
151 .pod.locked .locked-indicator {
152 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg);
153 display: block;
154 }
155
156 .pod.legacy-supervised .legacy-supervised-indicator {
157 -webkit-mask-image:
158 url(../../../../ui/webui/resources/images/supervisor_account.svg);
159 display: block;
160 }
161
162 .pod.child .child-indicator {
163 -webkit-mask-image:
164 url(../../../../ui/webui/resources/images/account_child_invert.svg);
165 display: block;
166 }
167
168 .action-box-area:focus ~ .user-image-gradient-area,
169 .action-box-area.hovered ~ .user-image-gradient-area {
170 background-image: linear-gradient(rgba(0, 0, 0, .2), transparent 100%);
171 display: initial;
172 height: 40px;
173 position: absolute;
174 top: 0;
175 width: 100%;
176 }
177
178 .action-box-area {
179 background-color: transparent;
180 }
181
182 .action-box-area.menu-moved-up {
183 transform: none;
184 }
185
186 .action-box-area .action-box-button {
187 display: none;
188 }
189
190 .action-box-area .action-box-icon {
191 color: white;
192 display: inline-flex;
193 margin-top: 4px;
194 }
195
196 .pod.focused:not(.locked) .auth-container {
197 display: none;
198 }
199
200 .pod.focused:not(.multiprofiles-policy-applied) .auth-container {
201 left: 0;
202 }
203
204 .pod .auth-container input[type='password'] {
205 font: inherit;
206 line-height: inherit;
207 padding: 10px;
208 top: 0;
209 width: 140px;
210 }
211
212 .pod .auth-container input[type='password']:focus {
213 outline: 0;
214 }
215
216 .pod[auth-type='onlineSignIn'] .reauth-hint-container {
217 flex-direction: row-reverse;
218 margin: 0;
219 padding: 10px;
220 }
221
222 .reauth-hint-container .reauth-warning {
223 -webkit-mask-size: 16px;
224 height: 20px;
225 width: 20px;
226 }
227
228 .action-box-area.active .action-box-button {
229 display: none;
230 }
231
232 .action-box-area.active ~ .action-box-menu:not(.menu-moved-up) {
233 top: 8px;
234 }
235
236 .action-box-area.active ~ .action-box-menu {
237 border: none;
238 box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .19);
239 right: 8px;
240 width: 224px;
241 }
242
243 html[dir=rtl] .action-box-area.active ~ .action-box-menu {
244 left: 8px;
245 right: auto;
246 }
247
248 .action-box-menu-title {
249 color: inherit;
250 padding: 16px 12px;
251 }
252
253 .action-box-menu-title-name,
254 .action-box-menu-title-email {
255 height: auto;
256 }
257
258 .action-box-menu-title-email {
259 color: var(--paper-grey-600);
260 }
261
262 .action-box-menu-remove {
263 border-top: var(--user-manager-separator-line);
264 line-height: 32px;
265 padding: 8px 12px;
266 }
267
268 .action-box-remove-user-warning {
269 align-items: center;
270 border-top: var(--user-manager-separator-line);
271 display: flex;
272 flex-direction: column;
273 font-size: inherit;
274 line-height: 20px;
275 padding: 12px;
276 }
277
278 .action-box-remove-user-warning > * {
279 word-wrap: break-word;
280 }
281
282 .total-count,
283 .pod:not(.synced) .action-box-remove-user-warning-text {
284 font-weight: 500;
285 }
286
287 .action-box-remove-user-warning .remove-warning-button {
288 --paper-button: {
289 background: var(--google-red-700);
290 color: white;
291 font-weight: 500;
292 };
293 --paper-button-flat-keyboard-focus: {
294 background: rgb(173, 50, 36);
295 };
296 @apply(--action-button);
297 }
298 </style>
32 </head> 299 </head>
33 <body> 300 <body>
34 <user-manager-pages> 301 <user-manager-pages>
35 <div id="outer-container"> 302 <div id="outer-container">
36 <user-manager-tutorial></user-manager-tutorial> 303 <user-manager-tutorial></user-manager-tutorial>
37 <div id="oobe" class="faded"> 304 <div id="oobe" class="faded">
38 <div id="inner-container"> 305 <div id="inner-container">
39 <div id="step-logo" hidden> 306 <div id="step-logo" hidden>
40 <div id="header-sections"></div> 307 <div id="header-sections"></div>
41 </div> 308 </div>
42 <include src="../../../../ui/login/account_picker/screen_account_picke r.html"> 309 <include src="../../../../ui/login/account_picker/screen_account_picke r.html">
43 </div> 310 </div>
44 </div> 311 </div>
45 </div> 312 </div>
46 <div id="bubble" class="bubble faded" hidden></div> 313 <div id="bubble" class="bubble faded" hidden></div>
47 <control-bar id="login-header-bar"></control-bar> 314 <control-bar id="login-header-bar"></control-bar>
48 <error-dialog></error-dialog> 315 <error-dialog></error-dialog>
49 <include src="../../../../ui/login/account_picker/user_pod_template.html"> 316 <include src="../../../../ui/login/account_picker/user_pod_template.html">
50 </user-manager-pages> 317 </user-manager-pages>
51 <link rel="import" href="chrome://md-user-manager/strings.html">
52 <link rel="import" href="chrome://resources/html/i18n_template.html"> 318 <link rel="import" href="chrome://resources/html/i18n_template.html">
53 <script src="user_manager.js"></script> 319 <script src="user_manager.js"></script>
54 </body> 320 </body>
55 </html> 321 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_user_manager/supervised_user_learn_more.html ('k') | chrome/browser/resources/md_user_manager/user_manager_dialog.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698