Browse Source

[notebook] Extend browser support for CSS transitions

Johan Ahlen 10 years ago
parent
commit
3a2414a880

+ 3 - 0
desktop/core/src/desktop/static/desktop/css/common_dashboard.css

@@ -423,6 +423,9 @@ body.modal-open {
 .editor {
   padding-left: 4px;
   border-left: 1px solid #FFFFFF;
+  -webkit-transition: border-left-color 0.2s ease;
+  -moz-transition: border-left-color 0.2s ease;
+  -ms-transition: border-left-color 0.2s ease;
   transition: border-left-color 0.2s ease;
 }
 

+ 6 - 0
desktop/core/src/desktop/static/desktop/css/hue3.css

@@ -2021,6 +2021,9 @@ pre {
 .hover-actions-3rd {
   display: inline-block;
   opacity: 0;
+  -webkit-transition: opacity 0.2s linear;
+  -moz-transition: opacity 0.2s linear;
+  -ms-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
 }
 
@@ -2033,6 +2036,9 @@ pre {
 .hover-actions-2nd > a,
 .hover-actions-3rd > a {
   color: #D1D1D1;
+  -webkit-transition: color 0.2s ease;
+  -moz-transition: color 0.2s ease;
+  -ms-transition: color 0.2s ease;
   transition: color 0.2s ease;
 }
 

+ 8 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css

@@ -215,6 +215,7 @@ body {
 .add-snippet-button > i,
 .add-snippet-alt {
   -webkit-transition: color 0.3s ease, -webkit-transform 0.3s;
+  -moz-transition: color 0.3s ease, -moz-transform 0.3s;
   -ms-transition: color 0.3s ease, -ms-transform 0.3s;
   transition: color 0.3s ease, transform 0.3s;
 }
@@ -227,6 +228,7 @@ body {
 .add-snippet-button > i:hover,
 .add-snippet-alt:hover {
   -webkit-transform: scale(1.3, 1.3);
+  -moz-transform: scale(1.3, 1.3);
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3);
 }
@@ -394,6 +396,9 @@ body {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   z-index: 1000;
+  -webkit-transition: margin-left 0.2s linear;
+  -moz-transition: margin-left 0.2s linear;
+  -ms-transition: margin-left 0.2s linear;
   transition: margin-left 0.2s linear;
 }
 
@@ -408,6 +413,9 @@ body {
   z-index: 1000;
   color: #D1D1D1;
   font-size: 12px;
+  -webkit-transition: margin-right 0.2s linear, color 0.5s ease;
+  -moz-transition: margin-right 0.2s linear, color 0.5s ease;
+  -ms-transition: margin-right 0.2s linear, color 0.5s ease;
   transition: margin-right 0.2s linear, color 0.5s ease;
 }