| OLD | NEW |
| 1 /* Copyright 2017 The Chromium Authors. All rights reserved. | 1 /* Copyright 2017 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 #value-prop-view { | 5 #value-prop-view { |
| 6 display: block; | 6 display: block; |
| 7 height: 372px; | 7 height: 372px; |
| 8 margin: auto; | 8 margin: auto; |
| 9 padding: 0; | 9 padding: 0; |
| 10 } | 10 } |
| 11 | 11 |
| 12 .value-prop-loading #retry-button, | 12 .value-prop-loading #retry-button, |
| 13 .value-prop-loading #skip-button, | |
| 14 .value-prop-loaded #retry-button, | 13 .value-prop-loaded #retry-button, |
| 15 .value-prop-loaded #skip-button, | 14 .value-prop-error #next-button { |
| 16 .value-prop-error #continue-button, | |
| 17 .value-prop-error #no-thanks-button { | |
| 18 display: none; | 15 display: none; |
| 19 } | 16 } |
| 20 | 17 |
| 21 #loading-container, | 18 #loading-container, |
| 22 #error-container, | 19 #error-container, |
| 23 #view-container { | 20 #view-container { |
| 24 position: absolute; | 21 position: absolute; |
| 25 visibility: hidden; | 22 visibility: hidden; |
| 26 width: 480px; | 23 width: 480px; |
| 27 } | 24 } |
| 28 | 25 |
| 29 .value-prop-loading-animation #loading-container, | 26 .value-prop-loading-animation #loading-container, |
| 30 .value-prop-loaded #view-container, | 27 .value-prop-loaded #view-container, |
| 31 .value-prop-error #error-container { | 28 .value-prop-error #error-container { |
| 32 visibility: visible; | 29 visibility: visible; |
| 33 } | 30 } |
| 34 | 31 |
| 35 .value-prop-loading #retry-button, | 32 .value-prop-loading #retry-button, |
| 36 .value-prop-loading #skip-button, | 33 .value-prop-loading #next-button, |
| 37 .value-prop-loading #continue-button, | 34 .value-prop-loading #skip-button { |
| 38 .value-prop-loading #no-thanks-button { | |
| 39 pointer-events: none; | 35 pointer-events: none; |
| 40 } | 36 } |
| 41 | 37 |
| 42 .title { | 38 .title { |
| 43 font-size: 18px; | 39 font-size: 18px; |
| 44 } | 40 } |
| 45 | 41 |
| 46 #subtitle { | 42 #subtitle { |
| 47 font-size: 12px; | 43 font-size: 12px; |
| 48 padding: 14px 0 0 0; | 44 padding: 14px 0 0 0; |
| (...skipping 13 matching lines...) Expand all Loading... |
| 62 display: block; | 58 display: block; |
| 63 height: 3px; | 59 height: 3px; |
| 64 padding: 4px 0 0 0; | 60 padding: 4px 0 0 0; |
| 65 width: 100%; | 61 width: 100%; |
| 66 } | 62 } |
| 67 | 63 |
| 68 #skip-button { | 64 #skip-button { |
| 69 color: rgb(66, 133, 244); | 65 color: rgb(66, 133, 244); |
| 70 } | 66 } |
| 71 | 67 |
| 72 #no-thanks-button { | |
| 73 color: rgb(66, 133, 244); | |
| 74 } | |
| 75 | |
| 76 #retry-button { | 68 #retry-button { |
| 77 -webkit-margin-end: 18px; | 69 -webkit-margin-end: 18px; |
| 78 } | 70 } |
| 79 | 71 |
| 80 #continue-button { | 72 #next-button { |
| 81 -webkit-margin-end: 18px; | 73 -webkit-margin-end: 18px; |
| 82 } | 74 } |
| OLD | NEW |