made IE lightbox auto display when on IE

2014-11-02 14:32:42 -05:00 · 2014-11-02 14:32:42 -05:00 · 7805871ec2
parent fed09404e6
commit 7805871ec2
1 changed files with 40 additions and 0 deletions
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@ -24,6 +24,46 @@
            require.config({baseUrl: '/famous/'});
            require(['main']);
        </script>
+
+  <!--[if (IE)]>
+    <style type="text/css">
+      #lightbox_overlay {
+        display: block;
+      }
+
+      #lightbox_main {
+        top: 50%;
+        margin-top: -281px;
+      }
+
+      #lightbox_screen {
+        height: 100%;
+        opacity: 0.42;
+      }
+
+      .lightboxContent {
+        display: none;
+      }
+
+      #noIE {
+        display: block;
+      }
+
+      #lightbox_close {
+        display: none;
+      }
+
+    </style>
+    <script type="text/javascript">
+      $(document).ready(function(){
+        $("#lightbox_screen").unbind().click(function(event){
+          event.preventDefault();
+          event.stopPropagation();
+          return false;
+        });
+      });
+    </script>
+  <![endif]-->
 </head>

 <body data-env="<%= Rails.env %>">