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

Side by Side Diff: chrome/browser/resources/vr_shell/vr_shell_ui.css

Issue 2773533002: Add a progress indicator to the VR omnibox (Closed)
Patch Set: Created 3 years, 9 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/vr_shell/vr_shell_ui.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 /* Copyright 2016 The Chromium Authors. All rights reserved. 1 /* Copyright 2016 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 html { 5 html {
6 background-color: rgba(255, 255, 255, 0); 6 background-color: rgba(255, 255, 255, 0);
7 } 7 }
8 8
9 #ui { 9 #ui {
10 left: 0; 10 left: 0;
(...skipping 295 matching lines...) Expand 10 before | Expand all | Expand 10 after
306 display: flex; 306 display: flex;
307 height: 24px; 307 height: 24px;
308 overflow: hidden; 308 overflow: hidden;
309 white-space: nowrap; 309 white-space: nowrap;
310 } 310 }
311 311
312 .suggestion:hover { 312 .suggestion:hover {
313 background-color: orange; 313 background-color: orange;
314 } 314 }
315 315
316 #omnibox-url-element { 316 #omnibox-border {
317 --statusBarColor: rgb(66, 133, 244);
318 background-color: white;
319 border-radius: 8px;
320 padding: 3px;
321 }
322
323 #omnibox-contents {
317 background-color: white; 324 background-color: white;
318 border-radius: 6px; 325 border-radius: 6px;
319 box-sizing: border-box; 326 box-sizing: border-box;
320 display: flex; 327 display: flex;
321 flex-direction: row-reverse; /* Right-justify for convienence. */ 328 flex-direction: row-reverse; /* Right-justify for convienence. */
322 height: 64px; 329 height: 64px;
323 margin-top: 2px; 330 margin-top: 2px;
324 padding: 8px; 331 padding: 8px;
325 transition: background-color 50ms ease-in-out; 332 transition: background-color 50ms ease-in-out;
326 } 333 }
327 334
328 #omnibox-input-field { 335 #omnibox-input-field {
329 background-color: transparent; 336 background-color: transparent;
330 border: none; 337 border: none;
331 font-size: 27px; 338 font-size: 27px;
332 outline: none; /* Do not show an outline when focused. */ 339 outline: none; /* Do not show an outline when focused. */
333 overflow: hidden; 340 overflow: hidden;
334 text-align: center; 341 text-align: center;
335 white-space: nowrap; 342 white-space: nowrap;
336 width: 100%; 343 width: 100%;
337 } 344 }
338 345
339 #omnibox-clear-button { 346 #omnibox-clear-button {
340 background: url(../../../../ui/webui/resources/images/x-hover.png) no-repeat c enter center; 347 background: url(../../../../ui/webui/resources/images/x-hover.png) no-repeat c enter center;
341 width: 18px; 348 width: 18px;
342 } 349 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/vr_shell/vr_shell_ui.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698