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

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

Issue 2500283003: Allow the VR omnibox to be transient. (Closed)
Patch Set: Created 4 years, 1 month 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 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 --scaleFactor: 4; 10 --scaleFactor: 4;
(...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after
132 transform: scaleX(-1); 132 transform: scaleX(-1);
133 } 133 }
134 134
135 #reload-ui-button { 135 #reload-ui-button {
136 background-color: #555; 136 background-color: #555;
137 color: white; 137 color: white;
138 font-size: 24px; 138 font-size: 24px;
139 padding: 12px; 139 padding: 12px;
140 } 140 }
141 141
142 #omni-container {
143 --tranX: 0;
144 --tranY: -0.65;
145 --tranZ: -1.2;
146 }
147
142 #omni { 148 #omni {
143 --tranX: 0;
144 --tranY: -0.5;
145 --tranZ: -1.0;
146 align-items: center; 149 align-items: center;
147 background-color: rgba(255, 255, 255, 0.9); 150 background-color: rgba(255, 255, 255, 0.9);
148 border-radius: 100px; 151 border-radius: 100px;
149 box-sizing: border-box; 152 box-sizing: border-box;
150 display: flex; 153 display: flex;
151 height: 104px; 154 height: 104px;
152 justify-content: center; 155 justify-content: center;
153 margin-bottom: 60px; 156 margin-bottom: 60px;
154 margin-top: 0; 157 margin-top: 0;
155 opacity: 1; 158 opacity: 1;
156 transition: opacity 250ms ease, margin-top 250ms ease; 159 transition: opacity 500ms ease, margin-top 500ms ease;
157 white-space: nowrap; 160 white-space: nowrap;
158 width: 512px; 161 width: 512px;
159 } 162 }
160 163
161 #omni-content { 164 #omni-content {
162 align-items: center; 165 align-items: center;
163 display: flex; 166 display: flex;
164 max-width: 448px; 167 max-width: 448px;
165 } 168 }
166 169
(...skipping 24 matching lines...) Expand all
191 border: 4px solid rgb(86, 203, 255); 194 border: 4px solid rgb(86, 203, 255);
192 } 195 }
193 196
194 #omni.idle { 197 #omni.idle {
195 background-color: #ececec; 198 background-color: #ececec;
196 } 199 }
197 200
198 #omni.idle #domain { 201 #omni.idle #domain {
199 color: black; 202 color: black;
200 } 203 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/vr_shell/vr_shell_ui.html » ('j') | chrome/browser/resources/vr_shell/vr_shell_ui.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698