Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 .app { | 5 .app { |
| 6 outline: none; | 6 outline: none; |
| 7 position: absolute; | 7 position: absolute; |
| 8 text-align: center; | 8 text-align: center; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 95 color: #999; | 95 color: #999; |
| 96 display: block; | 96 display: block; |
| 97 font-size: 0.9em; | 97 font-size: 0.9em; |
| 98 white-space: nowrap; | 98 white-space: nowrap; |
| 99 } | 99 } |
| 100 | 100 |
| 101 .app-notification:hover { | 101 .app-notification:hover { |
| 102 text-decoration: underline; | 102 text-decoration: underline; |
| 103 } | 103 } |
| 104 | 104 |
| 105 /* Promo */ | 105 .tile:only-of-type > .app-contents > span { |
|
Mihai Parparita -not on Chrome
2012/07/31 22:58:16
Seems like these rule should be removed entirely (
| |
| 106 /* Show the promo if the webstore has a promo and is the only app on the page. | |
| 107 */ | |
| 108 .tile:only-of-type > .has-promo > .app-contents > span { | |
| 109 display: none; | 106 display: none; |
| 110 } | 107 } |
| 111 | 108 |
| 112 .tile:only-of-type > .has-promo .app-img-container > .apps-promo-logo { | 109 .tile:only-of-type > .app-img-container { |
| 113 display: block; | 110 display: block; |
| 114 } | 111 } |
| 115 | 112 |
| 116 .apps-promo-logo { | 113 .tile:only-of-type > .app-img-container > img:first-child { |
| 117 display: none; | |
| 118 height: 128px; | |
| 119 width: 128px; | |
| 120 } | |
| 121 | |
| 122 .tile:only-of-type > .has-promo .app-img-container > img:first-child { | |
| 123 display: none; | 114 display: none; |
| 124 } | 115 } |
| 125 | 116 |
| 126 .app-img-container > img:first-child { | 117 .app-img-container > img:first-child { |
| 127 display: block; | 118 display: block; |
| 128 } | 119 } |
| 129 | 120 |
| 130 /* TODO(estade): animation? */ | |
| 131 .tile:only-of-type > .has-promo > .apps-promo-extras { | |
| 132 display: block; | |
| 133 } | |
| 134 | |
| 135 .apps-promo-extras { | |
| 136 display: none; | |
| 137 /* 128 * 5/4 */ | |
| 138 left: 160px; | |
| 139 position: absolute; | |
| 140 text-align: left; | |
| 141 top: 0; | |
| 142 } | |
| 143 | |
| 144 html[dir='rtl'] .apps-promo-extras { | |
| 145 left: auto; | |
| 146 right: 160px; | |
| 147 } | |
| 148 | |
| 149 .apps-promo-heading { | |
| 150 -webkit-margin-start: 3px; | |
| 151 font-weight: bold; | |
| 152 margin-bottom: 5px; | |
| 153 } | |
| 154 | |
| 155 .g-button-basic { | |
| 156 -webkit-border-image: url('images/app_promo_button.png') 6 10 12 6; | |
| 157 border-width: 6px 10px 12px 6px; | |
| 158 color: #fff !important; | |
| 159 display: inline-block; | |
| 160 font-size: 1.3em; | |
| 161 font-weight: bold; | |
| 162 padding: 2px 10px; | |
| 163 text-align: center; | |
| 164 text-decoration: none; | |
| 165 white-space: nowrap; | |
| 166 } | |
| 167 | |
| 168 .app .invisible { | 121 .app .invisible { |
| 169 visibility: hidden; | 122 visibility: hidden; |
| 170 } | 123 } |
| 171 | 124 |
| 172 /* Move the notification lower on apps pages to account for the 16px of | 125 /* Move the notification lower on apps pages to account for the 16px of |
| 173 * transparency each app icon should have. */ | 126 * transparency each app icon should have. */ |
| 174 .apps-page #notification-container { | 127 .apps-page #notification-container { |
| 175 bottom: 15px; | 128 bottom: 15px; |
| 176 } | 129 } |
| OLD | NEW |