css scroll bugfix

max-mapper · Aug 23, 2012 · 1abfa97 · 1abfa97
1 parent e5f2428
commit 1abfa97
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 4 deletions.
diff --git a/build/vk.css b/build/vk.css
@@ -1,4 +1,4 @@
-html, body { height: 100%; margin: 0; font: 14px/1.6 "Helvetica Neue", Helvetica, arial, sans-serif; }
+html, body { margin: 0; font: 14px/1.6 "Helvetica Neue", Helvetica, arial, sans-serif; }
 
 
 .vk-container * {
@@ -111,6 +111,16 @@ html, body { height: 100%; margin: 0; font: 14px/1.6 "Helvetica Neue", Helvetica
 */
 .ui-content .item-details { overflow: auto; background-color: #e6e6e6; height: 100%; }
 .ui-content .itemDetails { margin-left: 60px; }
-.ui-content .items .row { overflow: auto; min-height: 49px; border-bottom: 1px solid #cccccc; color: #363636; position: relative; }
+.ui-content .items .row { overflow: auto; min-height: 49px; border-bottom: 1px solid #cccccc; color: #363636; position: relative; 
+  display: -webkit-box;
+  -webkit-box-pack: center;
+  -webkit-box-align: center;
+  display: -moz-box;
+  -moz-box-pack: center;
+  -moz-box-align: center;
+  display: box;
+  box-pack: center;
+  box-align: center;
+}
 .ui-content .items .row:active { background-color: #e6e6e6 !important; }
 .ui-content .items a:nth-child(odd) .row { background-color: #fafafa;}
diff --git a/lib/components/container/container.css b/lib/components/container/container.css
@@ -1,4 +1,4 @@
-html, body { height: 100%; margin: 0; font: 14px/1.6 "Helvetica Neue", Helvetica, arial, sans-serif; }
+html, body { margin: 0; font: 14px/1.6 "Helvetica Neue", Helvetica, arial, sans-serif; }
 
 
 .vk-container * {

diff --git a/lib/components/item/item.css b/lib/components/item/item.css
@@ -1,5 +1,15 @@
 .ui-content .item-details { overflow: auto; background-color: #e6e6e6; height: 100%; }
 .ui-content .itemDetails { margin-left: 60px; }
-.ui-content .items .row { overflow: auto; min-height: 49px; border-bottom: 1px solid #cccccc; color: #363636; position: relative; }
+.ui-content .items .row { overflow: auto; min-height: 49px; border-bottom: 1px solid #cccccc; color: #363636; position: relative; 
+  display: -webkit-box;
+  -webkit-box-pack: center;
+  -webkit-box-align: center;
+  display: -moz-box;
+  -moz-box-pack: center;
+  -moz-box-align: center;
+  display: box;
+  box-pack: center;
+  box-align: center;
+}
 .ui-content .items .row:active { background-color: #e6e6e6 !important; }
 .ui-content .items a:nth-child(odd) .row { background-color: #fafafa;}