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

Side by Side Diff: chrome/browser/resources/ntp_search/tile_page.css

Issue 11428075: NTP5: Implementing two rows option for Apps. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: NTP5: Implementing two rows option for Apps Created 8 years 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 | Annotate | Revision Log
OLDNEW
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 /* ----------------------------------------------------------------------------- 5 /* -----------------------------------------------------------------------------
6 Tile Page 6 Tile Page
7 ----------------------------------------------------------------------------- */ 7 ----------------------------------------------------------------------------- */
8 8
9 .tile-page { 9 .tile-page {
10 overflow: hidden; 10 overflow: hidden;
(...skipping 17 matching lines...) Expand all
28 width: 732px; 28 width: 732px;
29 } 29 }
30 30
31 .tile-grid-content { 31 .tile-grid-content {
32 -webkit-transform: translate3d(0, 0, 0); 32 -webkit-transform: translate3d(0, 0, 0);
33 -webkit-transition: -webkit-transform 200ms; 33 -webkit-transition: -webkit-transform 200ms;
34 } 34 }
35 35
36 .tile-row { 36 .tile-row {
37 -webkit-transition: opacity 200ms; 37 -webkit-transition: opacity 200ms;
38 height: 92px; 38 height: 100px;
39 text-align: start; 39 text-align: start;
40 white-space: nowrap; 40 white-space: nowrap;
41 } 41 }
42 42
43 /* ----------------------------------------------------------------------------- 43 /* -----------------------------------------------------------------------------
44 Tile Grid Animation 44 Tile Grid Animation
45 ----------------------------------------------------------------------------- */ 45 ----------------------------------------------------------------------------- */
46 46
47 .animate-grid-width { 47 .animate-grid-width {
48 -webkit-transform: translate3d(0, 0, 0); 48 -webkit-transform: translate3d(0, 0, 0);
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
111 } 111 }
112 112
113 .animate-tile-repositioning .animate-hide-tile.target-tile { 113 .animate-tile-repositioning .animate-hide-tile.target-tile {
114 -webkit-transform: scale(0.5); 114 -webkit-transform: scale(0.5);
115 } 115 }
116 116
117 /* ----------------------------------------------------------------------------- 117 /* -----------------------------------------------------------------------------
118 Scroll Bars 118 Scroll Bars
119 ----------------------------------------------------------------------------- */ 119 ----------------------------------------------------------------------------- */
120 120
121 .tile-page-content {
122 /* TODO(pedrosimonetti): Remove this when fixing the Apps page height. */
123 height: 92px;
124 }
125
126 .scrollable { 121 .scrollable {
127 overflow-y: auto; 122 overflow-y: auto;
128 } 123 }
129 124
130 .scrollable .shadow-top { 125 .scrollable .shadow-top {
131 -webkit-margin-end: 0; 126 -webkit-margin-end: 0;
132 -webkit-mask-box-image: -webkit-linear-gradient(left, 127 -webkit-mask-box-image: -webkit-linear-gradient(left,
133 rgba(0, 0, 0, 0.1), 128 rgba(0, 0, 0, 0.1),
134 rgba(0, 0, 0, 0.8), 129 rgba(0, 0, 0, 0.8),
135 rgba(0, 0, 0, 0.1)); 130 rgba(0, 0, 0, 0.1));
(...skipping 117 matching lines...) Expand 10 before | Expand all | Expand 10 after
253 ::-webkit-scrollbar-track:hover { 248 ::-webkit-scrollbar-track:hover {
254 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.10); 249 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.10);
255 background-color: rgba(0, 0, 0, 0.05); 250 background-color: rgba(0, 0, 0, 0.05);
256 } 251 }
257 252
258 ::-webkit-scrollbar-track:active { 253 ::-webkit-scrollbar-track:active {
259 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), 254 -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),
260 inset -1px -1px 0 rgba(0, 0, 0, 0.07); 255 inset -1px -1px 0 rgba(0, 0, 0, 0.07);
261 background-color: rgba(0, 0, 0, 0.05); 256 background-color: rgba(0, 0, 0, 0.05);
262 } 257 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp_search/new_tab.js ('k') | chrome/browser/resources/ntp_search/tile_page.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698