OLD | NEW |
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2013 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 height: 100%; | 6 height: 100%; |
7 } | 7 } |
8 | 8 |
9 body { | 9 body { |
10 -webkit-app-region: drag; | 10 -webkit-app-region: drag; |
(...skipping 15 matching lines...) Expand all Loading... |
26 #author-website, | 26 #author-website, |
27 /* TODO(bshe): Once http://crbug.com/369651 fixed, use .image-picker instead of | 27 /* TODO(bshe): Once http://crbug.com/369651 fixed, use .image-picker instead of |
28 * #category-container. | 28 * #category-container. |
29 */ | 29 */ |
30 #category-container, | 30 #category-container, |
31 #surprise-me { | 31 #surprise-me { |
32 -webkit-app-region: no-drag; | 32 -webkit-app-region: no-drag; |
33 } | 33 } |
34 | 34 |
35 .dialog-container { | 35 .dialog-container { |
36 -webkit-box-orient: vertical; | 36 display: flex; |
37 display: -webkit-box; | 37 flex-direction: column; |
| 38 height: 100%; |
38 overflow: hidden; | 39 overflow: hidden; |
39 } | 40 } |
40 | 41 |
41 .dialog-topbar { | 42 .dialog-topbar { |
42 -webkit-box-align: center; | 43 -webkit-box-align: center; |
43 display: -webkit-box; | 44 display: -webkit-box; |
44 height: 54px; | 45 height: 54px; |
45 overflow: hidden; | 46 overflow: hidden; |
46 padding: 0 15px; | 47 padding: 0 15px; |
47 position: relative; | 48 position: relative; |
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
109 | 110 |
110 #bar { | 111 #bar { |
111 -webkit-transition: left 130ms ease-in-out; | 112 -webkit-transition: left 130ms ease-in-out; |
112 background-color: #eee; | 113 background-color: #eee; |
113 height: 4px; | 114 height: 4px; |
114 position: absolute; | 115 position: absolute; |
115 top: 0; | 116 top: 0; |
116 } | 117 } |
117 | 118 |
118 .dialog-main { | 119 .dialog-main { |
119 -webkit-box-align: stretch; | 120 display: flex; |
120 -webkit-box-flex: 1; | 121 flex: 1; |
121 display: -webkit-box; | |
122 } | 122 } |
123 | 123 |
124 #category-container { | 124 #category-container { |
125 -webkit-box-flex: 1; | 125 display: flex; |
126 -webkit-box-orient: vertical; | 126 flex: 1; |
127 display: -webkit-box; | 127 flex-direction: column; |
128 position: relative; | 128 position: relative; |
129 } | 129 } |
130 | 130 |
131 #spinner-container { | 131 #spinner-container { |
132 -webkit-box-align: center; | 132 -webkit-box-align: center; |
133 -webkit-box-pack: center; | 133 -webkit-box-pack: center; |
134 display: -webkit-box; | 134 display: -webkit-box; |
135 height: 287px; | 135 height: 287px; |
136 padding-bottom: 15px; | 136 padding-bottom: 15px; |
137 padding-top: 5px; | 137 padding-top: 5px; |
(...skipping 16 matching lines...) Expand all Loading... |
154 -webkit-animation-iteration-count: infinite; | 154 -webkit-animation-iteration-count: infinite; |
155 -webkit-animation-name: spin; | 155 -webkit-animation-name: spin; |
156 -webkit-animation-timing-function: linear; | 156 -webkit-animation-timing-function: linear; |
157 background-image: url('../images/ui/spinner.png'); | 157 background-image: url('../images/ui/spinner.png'); |
158 background-position: center; | 158 background-position: center; |
159 background-repeat: no-repeat; | 159 background-repeat: no-repeat; |
160 height: 16px; | 160 height: 16px; |
161 width: 16px; | 161 width: 16px; |
162 } | 162 } |
163 | 163 |
| 164 #wallpaper-set-by-message { |
| 165 -webkit-padding-end: 5px; |
| 166 -webkit-padding-start: 15px; |
| 167 height: 17px; |
| 168 } |
| 169 |
| 170 #wallpaper-set-by-message:empty { |
| 171 display: none; |
| 172 } |
| 173 |
164 .image-picker { | 174 .image-picker { |
165 -webkit-padding-end: 5px; | 175 -webkit-padding-end: 5px; |
166 -webkit-padding-start: 15px; | 176 -webkit-padding-start: 15px; |
167 display: block; | 177 display: block; |
| 178 flex: 1; |
168 /* Set font size to 0 to remove the extra vertical margin between two rows of | 179 /* Set font size to 0 to remove the extra vertical margin between two rows of |
169 * thumbnails. | 180 * thumbnails. |
170 * TODO(bshe): Find the root cause of the margin. | 181 * TODO(bshe): Find the root cause of the margin. |
171 */ | 182 */ |
172 font-size: 0; | 183 font-size: 0; |
173 height: 287px; | |
174 outline: none; | 184 outline: none; |
175 overflow-y: auto; | 185 overflow-y: auto; |
176 padding-bottom: 15px; | 186 padding-bottom: 15px; |
177 padding-top: 5px; | 187 padding-top: 5px; |
178 } | 188 } |
179 | 189 |
180 .image-picker .spacer { | 190 .image-picker .spacer { |
181 display: block; | 191 display: block; |
182 } | 192 } |
183 | 193 |
(...skipping 191 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
375 margin-right: 4px; | 385 margin-right: 4px; |
376 opacity: 0.7; | 386 opacity: 0.7; |
377 position: relative; | 387 position: relative; |
378 top: 4px; | 388 top: 4px; |
379 width: 17px; | 389 width: 17px; |
380 } | 390 } |
381 | 391 |
382 #surprise-me #checkbox.checked { | 392 #surprise-me #checkbox.checked { |
383 background-image: url('../images/ui/checkbox_checked.png'); | 393 background-image: url('../images/ui/checkbox_checked.png'); |
384 } | 394 } |
OLD | NEW |