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

Side by Side Diff: chrome/browser/resources/file_manager/css/file_manager.css

Issue 12677002: Adds animation on a hovered directory/volume when dragging files in Files.app (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Addressed comments. Created 7 years, 9 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/file_manager/js/file_transfer_controller.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) 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 html { 5 html {
6 height: 100%; 6 height: 100%;
7 } 7 }
8 8
9 html.col-resize * { 9 html.col-resize * {
10 cursor: col-resize !important; 10 cursor: col-resize !important;
(...skipping 666 matching lines...) Expand 10 before | Expand all | Expand 10 after
677 text-decoration: underline; 677 text-decoration: underline;
678 } 678 }
679 679
680 body[type='full-page'] list .filename-label > :hover, 680 body[type='full-page'] list .filename-label > :hover,
681 .breadcrumb-path:not(.breadcrumb-last):hover, 681 .breadcrumb-path:not(.breadcrumb-last):hover,
682 .breadcrumb-path.accepts { 682 .breadcrumb-path.accepts {
683 color: rgb(17, 85, 204); 683 color: rgb(17, 85, 204);
684 text-decoration: underline; 684 text-decoration: underline;
685 } 685 }
686 686
687 .breadcrumb-path.accepts {
688 -webkit-animation: acceptsBlinkText 200ms linear 1s 3;
689 }
690
691 @-webkit-keyframes acceptsBlinkText {
692 0% {
693 color: white;
694 }
695 50% {
696 }
697 }
698
687 .img-container > img { 699 .img-container > img {
688 -webkit-user-drag: none; 700 -webkit-user-drag: none;
689 position: absolute; 701 position: absolute;
690 } 702 }
691 703
692 .thumbnail-bottom { 704 .thumbnail-bottom {
693 -webkit-box-align: center; 705 -webkit-box-align: center;
694 -webkit-box-orient: horizontal; 706 -webkit-box-orient: horizontal;
695 -webkit-box-pack: center; 707 -webkit-box-pack: center;
696 bottom: 0; 708 bottom: 0;
(...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after
841 border-color: hsl(214, 91%, 85%); 853 border-color: hsl(214, 91%, 85%);
842 } 854 }
843 855
844 #list-container.nohover list > :not([selected]):hover, 856 #list-container.nohover list > :not([selected]):hover,
845 #list-container.nohover grid > :not([selected]):hover, 857 #list-container.nohover grid > :not([selected]):hover,
846 #list-container.nohover grid > .accepts { 858 #list-container.nohover grid > .accepts {
847 background-color: transparent; 859 background-color: transparent;
848 border-color: transparent; 860 border-color: transparent;
849 } 861 }
850 862
863 #roots-list > .accepts,
864 #list-container list > .accepts,
865 #list-container grid > .accepts {
866 -webkit-animation: acceptsBlink 200ms linear 1s 3;
867 }
868
869 @-webkit-keyframes acceptsBlink {
870 0% {
871 background-color: transparent;
872 }
873 50% {
874 }
875 }
876
851 .table-row-cell .filename-label, 877 .table-row-cell .filename-label,
852 .thumbnail-item .filename-label, 878 .thumbnail-item .filename-label,
853 /* Show ellipsis in cells. The name column has different structure and overrides 879 /* Show ellipsis in cells. The name column has different structure and overrides
854 this rule. */ 880 this rule. */
855 .table-row-cell > div { 881 .table-row-cell > div {
856 display: block; 882 display: block;
857 overflow: hidden; 883 overflow: hidden;
858 text-overflow: ellipsis; 884 text-overflow: ellipsis;
859 white-space: nowrap; 885 white-space: nowrap;
860 } 886 }
(...skipping 795 matching lines...) Expand 10 before | Expand all | Expand 10 after
1656 } 1682 }
1657 1683
1658 list.autocomplete-suggestions[hasElementFocus] > [selected], 1684 list.autocomplete-suggestions[hasElementFocus] > [selected],
1659 list.autocomplete-suggestions[hasElementFocus] > [lead], 1685 list.autocomplete-suggestions[hasElementFocus] > [lead],
1660 list.autocomplete-suggestions:not([hasElementFocus]) > [selected], 1686 list.autocomplete-suggestions:not([hasElementFocus]) > [selected],
1661 list.autocomplete-suggestions:not([hasElementFocus]) > [lead] { 1687 list.autocomplete-suggestions:not([hasElementFocus]) > [lead] {
1662 background-color: rgb(238, 238, 238); 1688 background-color: rgb(238, 238, 238);
1663 background-image: none; 1689 background-image: none;
1664 border: 1px solid white; 1690 border: 1px solid white;
1665 } 1691 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/file_manager/js/file_transfer_controller.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698