OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 height: 100%; | 7 height: 100%; |
8 position: relative; | 8 position: relative; |
9 width: 100%; | 9 width: 100%; |
10 } | 10 } |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
73 pointer-events: none; | 73 pointer-events: none; |
74 position: fixed; | 74 position: fixed; |
75 z-index: 3; | 75 z-index: 3; |
76 -webkit-transition: opacity 0.2s; | 76 -webkit-transition: opacity 0.2s; |
77 } | 77 } |
78 | 78 |
79 .tile.drag-representation.placing > * { | 79 .tile.drag-representation.placing > * { |
80 -webkit-transition: -webkit-transform 200ms; | 80 -webkit-transition: -webkit-transform 200ms; |
81 } | 81 } |
82 | 82 |
83 .tile.drag-representation.placing > *.deleting { | 83 /* When a drag finishes while we're not showing the page where the tile |
| 84 * belongs, the tile shrinks to a dot. */ |
| 85 .tile.drag-representation.dropped-on-other-page > * { |
| 86 -webkit-transform: scale(0); |
| 87 } |
| 88 |
| 89 .tile.drag-representation.deleting > * { |
84 -webkit-transform: scale(0) rotate(360deg); | 90 -webkit-transform: scale(0) rotate(360deg); |
85 -webkit-transition: -webkit-transform 600ms; | 91 -webkit-transition: -webkit-transform 600ms; |
86 } | 92 } |
87 | 93 |
88 .animating-tile-page .tile, | 94 .animating-tile-page .tile, |
89 .tile.drag-representation.placing { | 95 .tile.drag-representation.placing { |
90 -webkit-transition: left 200ms, right 200ms, top 200ms; | 96 -webkit-transition: left 200ms, right 200ms, top 200ms; |
91 } | 97 } |
92 | 98 |
93 .hovering-on-trash { | 99 .hovering-on-trash { |
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
147 | 153 |
148 /** Scrollbars ****************************************************************/ | 154 /** Scrollbars ****************************************************************/ |
149 | 155 |
150 .tile-page-content::-webkit-scrollbar { | 156 .tile-page-content::-webkit-scrollbar { |
151 width: 13px; | 157 width: 13px; |
152 } | 158 } |
153 | 159 |
154 .tile-page-content::-webkit-scrollbar-button { | 160 .tile-page-content::-webkit-scrollbar-button { |
155 display: none; | 161 display: none; |
156 } | 162 } |
OLD | NEW |