OLD | NEW |
---|---|
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.2); | 6 background-color: rgba(255, 255, 255, 0.2); |
7 font-size: 20px; | 7 font-family: 'Roboto', sans-serif; |
Dan Beam
2016/10/03 18:12:48
can you use text_defaults.css or text_defaults_md.
klausw
2016/10/03 19:47:30
Done, and thank you. I got this working with a bit
| |
8 } | 8 } |
9 | 9 |
10 .ui-button { | 10 .ui-button { |
Dan Beam
2016/10/03 18:12:48
this is a reallly generic name, so it's hard to un
klausw
2016/10/03 19:47:30
This CSS is for the pre-existing preliminary navig
| |
11 background: white; | 11 background: white; |
12 border-radius: 6px; | 12 border-radius: 6px; |
13 overflow: hidden; | 13 overflow: hidden; |
14 position: absolute; | 14 position: absolute; |
15 text-align: center; | 15 text-align: center; |
16 vertical-align: middle; | 16 vertical-align: middle; |
17 } | 17 } |
18 | |
19 .webvr-message-box { | |
20 align-items: center; | |
21 background: transparent; | |
Dan Beam
2016/10/03 18:12:48
why do you need this background: rule?
klausw
2016/10/03 19:47:31
Removed.
| |
22 display: flex; | |
23 flex-direction: column; | |
24 font-weight: 400; | |
Dan Beam
2016/10/03 18:12:48
which font-weight are you overriding? note, 400 =
klausw
2016/10/03 19:47:31
Removed. This used to set font-weight: 300 in an e
| |
25 justify-content: center; | |
26 position: absolute; | |
27 } | |
28 | |
29 #webvr-not-secure-permanent { | |
30 height: 128px; | |
Dan Beam
2016/10/03 18:12:48
what's the natural size of the svg?
klausw
2016/10/03 19:47:31
The SVG is 36px x 36px and is used at that size. T
| |
31 left: 0; | |
Dan Beam
2016/10/03 18:12:48
i noticed you mentioned RTL earlier: are you sure
klausw
2016/10/03 19:47:31
This is intentionally text direction independent.
| |
32 top: 0; | |
33 width: 512px; | |
34 } | |
35 | |
36 #webvr-not-secure-permanent .webvr-not-secure-icon { | |
37 display: inline-block; | |
38 margin: 20px 0; | |
39 vertical-align: middle; | |
40 } | |
41 | |
42 #webvr-not-secure-permanent .webvr-string { | |
43 display: inline-block; | |
44 margin: 20px 10.5px; | |
Dan Beam
2016/10/03 18:12:48
why .5px?
klausw
2016/10/03 19:47:30
I was trying to exactly replicate the UI review ap
| |
45 vertical-align: middle; | |
46 } | |
47 | |
48 #webvr-not-secure-permanent .webvr-box { | |
49 background-color: white; | |
50 border-radius: 6px; | |
51 box-shadow: 0 0 20px rgba(0,0,0,0.5); | |
Dan Beam
2016/10/03 18:12:48
spaces after commas (i.e. rgba(0, 0, 0, 0.5);)
klausw
2016/10/03 19:47:31
Done.
| |
52 box-sizing: border-box; | |
53 color: #444; | |
54 font-size: 26px; | |
55 height: 78px; | |
56 max-width: 472px; | |
57 min-width: 226px; | |
58 overflow: hidden; | |
59 padding: 0 20px; | |
60 white-space: nowrap; | |
61 } | |
62 | |
63 #webvr-not-secure-transient { | |
64 height: 256px; | |
65 left: 0; | |
66 top: 128px; | |
67 width: 512px; | |
68 } | |
69 | |
70 #webvr-not-secure-transient > div { | |
71 background-color: rgba(26, 26, 26, 0.8); | |
Dan Beam
2016/10/03 18:19:19
also note that this UI looks very much like a mate
klausw
2016/10/03 19:47:31
I'll take this up with the UI designer, I'm reluct
| |
72 border-radius: 6px; | |
73 box-sizing: border-box; | |
Dan Beam
2016/10/03 18:12:49
why do you need to change the box-sizing?
klausw
2016/10/03 19:47:31
AFAIK the goal here was to ensure that the rounded
| |
74 color: white; | |
75 display: flex; | |
76 flex-direction: column; | |
77 font-size: 26px; | |
78 justify-content: center; | |
79 line-height: 1.4; | |
80 max-height: 210px; | |
81 min-height: 160px; | |
82 padding: 20px; | |
83 text-align: center; | |
84 width: 512px; | |
Dan Beam
2016/10/03 18:12:48
i don't understand where any of these widths come
klausw
2016/10/03 19:47:31
The width: 512px matches the absolutely positioned
| |
85 } | |
OLD | NEW |