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 /* ----------------------------------------------------------------------------- | 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 Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |