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

Unified Diff: ui/webui/resources/css/overlay.css

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: bluetooth_internals/snackbar.js Created 3 years, 10 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « ui/webui/resources/css/dialogs.css ('k') | ui/webui/resources/css/tabs.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ui/webui/resources/css/overlay.css
diff --git a/ui/webui/resources/css/overlay.css b/ui/webui/resources/css/overlay.css
index b8d7af51ca2b5080e10f45fbd6d1b2a65e74de12..0187f76dc588ed3ddae2d4ed4ea1efd7020673f2 100644
--- a/ui/webui/resources/css/overlay.css
+++ b/ui/webui/resources/css/overlay.css
@@ -7,18 +7,18 @@
-webkit-box-align: center;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
- /* TODO(dbeam): remove perspective when http://crbug.com/374970 is fixed. */
- -webkit-perspective: 1px;
- -webkit-transition: 200ms opacity;
background-color: rgba(255, 255, 255, 0.75);
bottom: 0;
display: -webkit-box;
left: 0;
overflow: auto;
padding: 20px;
+ /* TODO(dbeam): remove perspective when http://crbug.com/374970 is fixed. */
+ perspective: 1px;
position: fixed;
right: 0;
top: 0;
+ transition: 200ms opacity;
}
/* Used to slide in the overlay. */
@@ -32,7 +32,6 @@
.overlay .page {
-webkit-border-radius: 3px;
-webkit-box-orient: vertical;
- -webkit-transition: 200ms transform;
background: white;
box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
color: #333;
@@ -40,17 +39,18 @@
min-width: 400px;
padding: 0;
position: relative;
+ transition: 200ms transform;
z-index: 0;
}
/* If the options page is loading don't do the transition. */
.loading .overlay,
.loading .overlay .page {
- -webkit-transition-duration: 0ms !important;
+ transition-duration: 0ms !important;
}
/* keyframes used to pulse the overlay */
-@-webkit-keyframes pulse {
+@keyframes pulse {
0% {
transform: scale(1);
}
@@ -66,10 +66,10 @@
}
.overlay .page.pulse {
- -webkit-animation-duration: 180ms;
- -webkit-animation-iteration-count: 1;
- -webkit-animation-name: pulse;
- -webkit-animation-timing-function: ease-in-out;
+ animation-duration: 180ms;
+ animation-iteration-count: 1;
+ animation-name: pulse;
+ animation-timing-function: ease-in-out;
}
.overlay .page > .close-button {
« no previous file with comments | « ui/webui/resources/css/dialogs.css ('k') | ui/webui/resources/css/tabs.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698