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

Unified Diff: ui/file_manager/file_manager/foreground/css/file_manager.css

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: sort Created 4 years, 1 month 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 side-by-side diff with in-line comments
Download patch
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 {

Powered by Google App Engine
This is Rietveld 408576698