| Index: ui/file_manager/file_manager/foreground/css/file_manager.css
|
| diff --git a/ui/file_manager/file_manager/foreground/css/file_manager.css b/ui/file_manager/file_manager/foreground/css/file_manager.css
|
| index a94c9aeadc769fe2a7bb6d03f16e88b8a131551e..90fe48a743910876b439d72e2ffa0d2ce8cfcea2 100644
|
| --- a/ui/file_manager/file_manager/foreground/css/file_manager.css
|
| +++ b/ui/file_manager/file_manager/foreground/css/file_manager.css
|
| @@ -166,11 +166,11 @@ a:focus {
|
| .details-container .thumbnail-container > .thumbnail {
|
| background-color: rgb(230, 230, 230);
|
| background-position: center;
|
| - position: absolute;
|
| - top: 0;
|
| - left: 0;
|
| bottom: 0;
|
| + left: 0;
|
| + position: absolute;
|
| right: 0;
|
| + top: 0;
|
| }
|
|
|
| /* File thumbnails/quick previews in details panel */
|
| @@ -189,8 +189,8 @@ a:focus {
|
|
|
| .details-container .thumbnail > audio {
|
| bottom: 0px;
|
| - left: 0px;
|
| height: auto;
|
| + left: 0px;
|
| position: absolute;
|
| width: 100%;
|
| }
|
| @@ -463,8 +463,8 @@ body.check-select .dialog-header
|
| }
|
|
|
| .dialog-header paper-button {
|
| - padding: 0 8px;
|
| line-height: 32px;
|
| + padding: 0 8px;
|
| }
|
|
|
| .dialog-header button.icon-button {
|
| @@ -501,8 +501,8 @@ html[dir='rtl'] .dialog-header button.icon-button > files-toggle-ripple {
|
| height: 100%;
|
| left: 0;
|
| position: absolute;
|
| - width: 32px;
|
| top: 0;
|
| + width: 32px;
|
| }
|
|
|
| #search-button > .icon {
|
| @@ -659,8 +659,8 @@ html[dir='rtl'] #cloud-import-details {
|
| }
|
|
|
| #cloud-import-details.hidden {
|
| - transform: translateY(-10px);
|
| opacity: 0;
|
| + transform: translateY(-10px);
|
| }
|
|
|
| #cloud-import-details .banner {
|
| @@ -697,13 +697,13 @@ html[dir='rtl'] #cloud-import-details {
|
|
|
| #cloud-import-details .status .content {
|
| -webkit-padding-start: 10px;
|
| - flex: 1;
|
| color: #646464;
|
| + flex: 1;
|
| }
|
|
|
| #cloud-import-details .status .content::first-line {
|
| - font-size: 110%;
|
| color: #333333;
|
| + font-size: 110%;
|
| }
|
|
|
| #cloud-import-details .status .destination-link {
|
| @@ -712,9 +712,9 @@ html[dir='rtl'] #cloud-import-details {
|
| }
|
|
|
| #cloud-import-details .progress {
|
| - height: 4px;
|
| background-color: #E0E0E0;
|
| border-radius: 2px;
|
| + height: 4px;
|
| margin-top: 14px;
|
| width: 100%;
|
| }
|
| @@ -862,9 +862,9 @@ html[dir='rtl'] #search-box .clear {
|
|
|
| /* Container for the detail and thumbnail list views. */
|
| .dialog-body {
|
| - -webkit-transition: all 180ms ease;
|
| flex: auto;
|
| position: relative;
|
| + transition: all 180ms ease;
|
| }
|
|
|
| .main-panel {
|
| @@ -1227,7 +1227,7 @@ html[dir='rtl'] .breadcrumbs .separator {
|
| height: 0;
|
| }
|
|
|
| -@-webkit-keyframes heightAnimation {
|
| +@keyframes heightAnimation {
|
| 0% {
|
| display: flex;
|
| height: 0;
|
| @@ -1236,8 +1236,8 @@ html[dir='rtl'] .breadcrumbs .separator {
|
|
|
| /* Drive space warning banner. */
|
| .volume-warning {
|
| - -webkit-animation: heightAnimation 70ms linear;
|
| align-items: center;
|
| + animation: heightAnimation 70ms linear;
|
| background-color: rgb(79, 129, 232);
|
| color: white;
|
| display: flex;
|
| @@ -1443,7 +1443,7 @@ body.check-select .thumbnail-grid .thumbnail-item[selected] .checkmark.active {
|
| }
|
|
|
| .thumbnail-grid .img-container > .thumbnail.animate {
|
| - -webkit-animation: fadeIn 250ms linear;
|
| + animation: fadeIn 250ms linear;
|
| }
|
|
|
| .thumbnail-grid .shield {
|
| @@ -1563,10 +1563,10 @@ html[dir='rtl'] .badge {
|
| #directory-tree .tree-item.accepts > .tree-row,
|
| #list-container list > li.accepts,
|
| #list-container grid > li.accepts {
|
| - -webkit-animation: acceptsBlink 200ms linear 1s 3;
|
| + animation: acceptsBlink 200ms linear 1s 3;
|
| }
|
|
|
| -@-webkit-keyframes acceptsBlink {
|
| +@keyframes acceptsBlink {
|
| 0% {
|
| color: rgb(90, 90, 90);
|
| background-color: transparent;
|
| @@ -1636,7 +1636,7 @@ li[renaming=''] .badge {
|
| justify-content: flex-end;
|
| }
|
|
|
| -@-webkit-keyframes fadeIn {
|
| +@keyframes fadeIn {
|
| from {
|
| opacity: 0;
|
| }
|
| @@ -1645,7 +1645,7 @@ li[renaming=''] .badge {
|
| }
|
| }
|
|
|
| -@-webkit-keyframes fadeOut {
|
| +@keyframes fadeOut {
|
| from {
|
| opacity: 1;
|
| }
|
| @@ -1807,13 +1807,13 @@ body.check-select #list-container li[selected] .detail-checkmark {
|
| }
|
|
|
| #list-container list li .detail-thumbnail > .thumbnail.animate {
|
| - -webkit-animation: fadeIn 220ms ease;
|
| + animation: fadeIn 220ms ease;
|
| }
|
|
|
| body.check-select #list-container list li[selected] .detail-thumbnail
|
| > .thumbnail {
|
| /* Fade out after checkmark fades in. */
|
| - -webkit-animation: fadeOut 0ms 220ms ease backwards;
|
| + animation: fadeOut 0ms 220ms ease backwards;
|
| opacity: 0;
|
| }
|
|
|
| @@ -2130,8 +2130,8 @@ list.autocomplete-suggestions > [lead] {
|
| }
|
|
|
| .suggest-apps-dialog-text.cr-dialog-text {
|
| - padding: 0 20px 10px;
|
| margin: 0;
|
| + padding: 0 20px 10px;
|
| }
|
|
|
| .cr-dialog-frame.error-dialog-frame {
|
| @@ -2197,7 +2197,7 @@ list.autocomplete-suggestions > [lead] {
|
|
|
| /* Progress center */
|
|
|
| -@-webkit-keyframes progress-center-toggle {
|
| +@keyframes progress-center-toggle {
|
| /* Height values of each frame are set by script.
|
| * Keep the animation sync with JS. */
|
| from {
|
| @@ -2216,7 +2216,7 @@ list.autocomplete-suggestions > [lead] {
|
| }
|
|
|
| #progress-center.animated {
|
| - -webkit-animation: progress-center-toggle 300ms ease-out;
|
| + animation: progress-center-toggle 300ms ease-out;
|
| }
|
|
|
| #progress-center-open-view {
|
|
|