Fix IE11 rendering issues on W7

mulesoft · Mar 5, 2015 · e78908e · e78908e
1 parent 6f9fd95
commit e78908e
Show file tree

Hide file tree

Showing 5 changed files with 103 additions and 130 deletions.
diff --git a/dist/scripts/api-console.js b/dist/scripts/api-console.js
@@ -1190,48 +1190,48 @@
 
         $scope.context.forceRequest = false;
 
-        function cleanSchemeMetadata(collection, context) {
-          Object.keys(collection).map(function (key) {
-            if (collection[key][0].isFromSecurityScheme) {
-              delete collection[key];
-            }
-
-            if (context.plain[key].definitions[0].isFromSecurityScheme) {
-              delete context.plain[key];
-            }
-          });
-        }
-
-        function updateContextData (type, scheme, collection, context) {
-          var details         = $scope.securitySchemes[scheme].describedBy || {};
-          var securityHeaders = details[type] || {};
-
-          if (securityHeaders) {
-            Object.keys(securityHeaders).map(function (key) {
-              if (!securityHeaders[key]) {
-                securityHeaders[key] = {
-                  id: key,
-                  type: 'string'
-                };
-              }
-
-              securityHeaders[key].displayName             = key;
-              securityHeaders[key].isFromSecurityScheme    = true;
-              collection[key] = [securityHeaders[key]];
-
-              context.plain[key] = {
-                definitions: [securityHeaders[key]],
-                selected: securityHeaders[key].type
-              };
-              context.values[key] = [undefined];
-            });
-          }
-        }
+        // function cleanSchemeMetadata(collection, context) {
+        //   Object.keys(collection).map(function (key) {
+        //     if (collection[key][0].isFromSecurityScheme) {
+        //       delete collection[key];
+        //     }
+
+        //     if (context.plain[key].definitions[0].isFromSecurityScheme) {
+        //       delete context.plain[key];
+        //     }
+        //   });
+        // }
+
+        // function updateContextData (type, scheme, collection, context) {
+        //   var details         = $scope.securitySchemes[scheme].describedBy || {};
+        //   var securityHeaders = details[type] || {};
+
+        //   if (securityHeaders) {
+        //     Object.keys(securityHeaders).map(function (key) {
+        //       if (!securityHeaders[key]) {
+        //         securityHeaders[key] = {
+        //           id: key,
+        //           type: 'string'
+        //         };
+        //       }
+
+        //       securityHeaders[key].displayName             = key;
+        //       securityHeaders[key].isFromSecurityScheme    = true;
+        //       collection[key] = [securityHeaders[key]];
+
+        //       context.plain[key] = {
+        //         definitions: [securityHeaders[key]],
+        //         selected: securityHeaders[key].type
+        //       };
+        //       context.values[key] = [undefined];
+        //     });
+        //   }
+        // }
 
         $scope.securitySchemeChanged = function (scheme) {
           var info            = scheme.split('|');
           var type            = info[0];
-          var name            = info[1];
+          // var name            = info[1];
 
           $scope.currentSchemeType = type;
 

diff --git a/dist/styles/api-console-dark-theme.css b/dist/styles/api-console-dark-theme.css
@@ -1520,8 +1520,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -40px;
-  margin-left: 10px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1537,8 +1536,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -40px;
-  margin-left: 10px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1554,8 +1552,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -28px;
-  margin-left: 8px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1571,8 +1568,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -36px;
-  margin-left: 8px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1588,8 +1584,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -32px;
-  margin-left: 9px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1605,8 +1600,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -19px;
-  margin-left: 11px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1622,8 +1616,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -34px;
-  margin-left: 9px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1639,8 +1632,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -21px;
-  margin-left: 9px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1656,8 +1648,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -31px;
-  margin-left: 9px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }

diff --git a/dist/styles/api-console-light-theme.css b/dist/styles/api-console-light-theme.css
@@ -1520,8 +1520,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -40px;
-  margin-left: 10px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1537,8 +1536,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -40px;
-  margin-left: 10px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1554,8 +1552,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -28px;
-  margin-left: 8px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1571,8 +1568,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -36px;
-  margin-left: 8px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1588,8 +1584,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -32px;
-  margin-left: 9px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1605,8 +1600,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -19px;
-  margin-left: 11px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1622,8 +1616,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -34px;
-  margin-left: 9px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1639,8 +1632,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -21px;
-  margin-left: 9px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }
@@ -1656,8 +1648,7 @@ th {
   -ms-transform: perspective(45px) rotateX(30deg);
   width: 108px;
   position: absolute;
-  margin-left: -31px;
-  margin-left: 9px\9;
+  right: 0;
   z-index: -1;
   top: 0px;
 }

diff --git a/src/app/directives/sidebar.js b/src/app/directives/sidebar.js
@@ -270,48 +270,48 @@
 
         $scope.context.forceRequest = false;
 
-        function cleanSchemeMetadata(collection, context) {
-          Object.keys(collection).map(function (key) {
-            if (collection[key][0].isFromSecurityScheme) {
-              delete collection[key];
-            }
-
-            if (context.plain[key].definitions[0].isFromSecurityScheme) {
-              delete context.plain[key];
-            }
-          });
-        }
-
-        function updateContextData (type, scheme, collection, context) {
-          var details         = $scope.securitySchemes[scheme].describedBy || {};
-          var securityHeaders = details[type] || {};
-
-          if (securityHeaders) {
-            Object.keys(securityHeaders).map(function (key) {
-              if (!securityHeaders[key]) {
-                securityHeaders[key] = {
-                  id: key,
-                  type: 'string'
-                };
-              }
-
-              securityHeaders[key].displayName             = key;
-              securityHeaders[key].isFromSecurityScheme    = true;
-              collection[key] = [securityHeaders[key]];
-
-              context.plain[key] = {
-                definitions: [securityHeaders[key]],
-                selected: securityHeaders[key].type
-              };
-              context.values[key] = [undefined];
-            });
-          }
-        }
+        // function cleanSchemeMetadata(collection, context) {
+        //   Object.keys(collection).map(function (key) {
+        //     if (collection[key][0].isFromSecurityScheme) {
+        //       delete collection[key];
+        //     }
+
+        //     if (context.plain[key].definitions[0].isFromSecurityScheme) {
+        //       delete context.plain[key];
+        //     }
+        //   });
+        // }
+
+        // function updateContextData (type, scheme, collection, context) {
+        //   var details         = $scope.securitySchemes[scheme].describedBy || {};
+        //   var securityHeaders = details[type] || {};
+
+        //   if (securityHeaders) {
+        //     Object.keys(securityHeaders).map(function (key) {
+        //       if (!securityHeaders[key]) {
+        //         securityHeaders[key] = {
+        //           id: key,
+        //           type: 'string'
+        //         };
+        //       }
+
+        //       securityHeaders[key].displayName             = key;
+        //       securityHeaders[key].isFromSecurityScheme    = true;
+        //       collection[key] = [securityHeaders[key]];
+
+        //       context.plain[key] = {
+        //         definitions: [securityHeaders[key]],
+        //         selected: securityHeaders[key].type
+        //       };
+        //       context.values[key] = [undefined];
+        //     });
+        //   }
+        // }
 
         $scope.securitySchemeChanged = function (scheme) {
           var info            = scheme.split('|');
           var type            = info[0];
-          var name            = info[1];
+          // var name            = info[1];
 
           $scope.currentSchemeType = type;