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

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

Issue 2642783009: Rename the VR pop-up URL indicator, making way for a real omnibox (Closed)
Patch Set: Created 3 years, 11 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 101 matching lines...) Expand 10 before | Expand all | Expand 10 after
112 transform: scaleX(-1); 112 transform: scaleX(-1);
113 } 113 }
114 114
115 #reload-ui-button { 115 #reload-ui-button {
116 background-color: #555; 116 background-color: #555;
117 color: white; 117 color: white;
118 font-size: 24px; 118 font-size: 24px;
119 padding: 12px; 119 padding: 12px;
120 } 120 }
121 121
122 #omnibox-container { 122 #url-indicator-container {
123 --tranX: 0; 123 --tranX: 0;
124 --tranY: -0.65; 124 --tranY: -0.65;
125 --tranZ: -1.2; 125 --tranZ: -1.2;
126 } 126 }
127 127
128 #omnibox-border { 128 #url-indicator-border {
129 --fadeTimeMs: 500; 129 --fadeTimeMs: 500;
130 --fadeYOffset: -0.1; 130 --fadeYOffset: -0.1;
131 --opacity: 0.9; 131 --opacity: 0.9;
132 --statusBarColor: rgb(66, 133, 244); 132 --statusBarColor: rgb(66, 133, 244);
133 background-color: #ececec; 133 background-color: #ececec;
134 border-radius: 200px; 134 border-radius: 200px;
135 padding: 6px; 135 padding: 6px;
136 } 136 }
137 137
138 #omnibox { 138 #url-indicator {
139 align-items: center; 139 align-items: center;
140 background-color: #ececec; 140 background-color: #ececec;
141 border-radius: 200px; 141 border-radius: 200px;
142 box-sizing: border-box; 142 box-sizing: border-box;
143 display: flex; 143 display: flex;
144 height: 104px; 144 height: 104px;
145 justify-content: center; 145 justify-content: center;
146 overflow: hidden; 146 overflow: hidden;
147 white-space: nowrap; 147 white-space: nowrap;
148 width: 512px; 148 width: 512px;
149 } 149 }
150 150
151 #omnibox-content { 151 #url-indicator-content {
152 align-items: center; 152 align-items: center;
153 display: flex; 153 display: flex;
154 max-width: 448px; 154 max-width: 448px;
155 } 155 }
156 156
157 .omnibox-icon { 157 .url-indicator-icon {
158 -webkit-mask-size: 50px; 158 -webkit-mask-size: 50px;
159 display: none; 159 display: none;
160 flex: none; 160 flex: none;
161 height: 50px; 161 height: 50px;
162 margin-right: 10px; 162 margin-right: 10px;
163 width: 50px; 163 width: 50px;
164 } 164 }
165 165
166 #omnibox-info-icon { 166 #url-indicator-info-icon {
167 -webkit-mask-image: url(../../../../ui/webui/resources/images/i_circle.svg); 167 -webkit-mask-image: url(../../../../ui/webui/resources/images/i_circle.svg);
168 background-color: rgb(90, 90, 90); 168 background-color: rgb(90, 90, 90);
169 } 169 }
170 170
171 #omnibox-lock-icon { 171 #url-indicator-lock-icon {
172 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg); 172 -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg);
173 background-color: rgb(11, 128, 67); 173 background-color: rgb(11, 128, 67);
174 } 174 }
175 175
176 #omnibox-warning-icon { 176 #url-indicator-warning-icon {
177 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg); 177 -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg);
178 background-color: rgb(199, 56, 33); 178 background-color: rgb(199, 56, 33);
179 } 179 }
180 180
181 #omnibox #url { 181 #url-indicator #url {
182 color: #252525; 182 color: #252525;
183 font-size: 34px; 183 font-size: 34px;
184 overflow: hidden; 184 overflow: hidden;
185 white-space: nowrap; 185 white-space: nowrap;
186 } 186 }
187 187
188 #omnibox #path { 188 #url-indicator #path {
189 color: #868686; 189 color: #868686;
190 } 190 }
191 191
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