fix the bug with tiles lost position on firefox, add box-sizing: bord…

…er-box to all elements in .metro namespase
sagarsane · Aug 25, 2012 · f4e7304 · f4e7304
1 parent 2f5f610
commit f4e7304
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 94 deletions.
diff --git a/less/layout.less b/less/layout.less
@@ -4,6 +4,12 @@
 @baseFontRegular: 'Open Sans', sans-serif;
 
 .metro {
+    *, *:after, *:before {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    }
+
     .layout {
         position: relative;
 
@@ -216,7 +222,7 @@
         }
 
         .metro-scroll {
-        //.clearfix();
+            //.clearfix();
             width: 100%;
             height: 100%;
             overflow: hidden;

diff --git a/less/tiles.less b/less/tiles.less
@@ -27,13 +27,6 @@
             width: 960px;
             position: relative;
 
-            -moz-transform: perspective(600px);
-            -webkit-transform: perspective(600px);
-            -ms-transform: perspective(600px);
-            -o-transform: perspective(600px);
-            transform: perspective(600px);
-
-
             .next-section {
                 position: absolute;
                 top: 0px;
@@ -81,6 +74,7 @@
                 text-decoration: none;
                 position: relative;
                 //padding-bottom: 1px;
+                box-sizing: border-box;
 
                 * {font-family: @baseFontFamily;}
 
@@ -328,6 +322,7 @@
                     z-index: 1000;
                     bottom: 0;
                     left: 0px;
+                    opacity: .8;
 
                     .tile-overlay-icon {
                         position: absolute;

diff --git a/new-demo/css/bootstrap-responsive.min.css b/new-demo/css/bootstrap-responsive.min.css
diff --git a/new-demo/css/bootstrap.min.css b/new-demo/css/bootstrap.min.css
diff --git a/new-demo/css/jScrollPane.css b/new-demo/css/jScrollPane.css
diff --git a/new-demo/css/metro.css b/new-demo/css/metro.css