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

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

Issue 7572041: ntp4: polish app trashing (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 9 years, 4 months 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
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/trash.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
66 } 66 }
67 67
68 .tile.dragging { 68 .tile.dragging {
69 opacity: 0; 69 opacity: 0;
70 } 70 }
71 71
72 .tile.drag-representation { 72 .tile.drag-representation {
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 } 77 }
77 78
78 .tile.drag-representation.placing > * { 79 .tile.drag-representation.placing > * {
79 -webkit-transition: -webkit-transform 200ms; 80 -webkit-transition: -webkit-transform 200ms;
80 } 81 }
81 82
82 .tile.drag-representation.placing > *.deleting { 83 .tile.drag-representation.placing > *.deleting {
83 -webkit-transform: scale(0) rotate(360deg); 84 -webkit-transform: scale(0) rotate(360deg);
84 -webkit-transition: -webkit-transform 600ms; 85 -webkit-transition: -webkit-transform 600ms;
85 } 86 }
86 87
87 .animating-tile-page .tile, 88 .animating-tile-page .tile,
88 .tile.drag-representation.placing { 89 .tile.drag-representation.placing {
89 -webkit-transition: left 200ms, right 200ms, top 200ms; 90 -webkit-transition: left 200ms, right 200ms, top 200ms;
90 } 91 }
91 92
93 .hovering-on-trash {
94 opacity: 0.6;
95 }
96
92 .animating-tile-page .top-margin { 97 .animating-tile-page .top-margin {
93 -webkit-transition: margin-bottom 200ms; 98 -webkit-transition: margin-bottom 200ms;
94 } 99 }
95 100
96 @-webkit-keyframes bounce { 101 @-webkit-keyframes bounce {
97 0% { 102 0% {
98 -webkit-transform: scale(0, 0); 103 -webkit-transform: scale(0, 0);
99 } 104 }
100 105
101 60% { 106 60% {
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
142 147
143 /** Scrollbars ****************************************************************/ 148 /** Scrollbars ****************************************************************/
144 149
145 .tile-page-content::-webkit-scrollbar { 150 .tile-page-content::-webkit-scrollbar {
146 width: 13px; 151 width: 13px;
147 } 152 }
148 153
149 .tile-page-content::-webkit-scrollbar-button { 154 .tile-page-content::-webkit-scrollbar-button {
150 display: none; 155 display: none;
151 } 156 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/trash.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698