Преглед изворни кода

Fixed translate error for asides

@soyjavi пре 14 година
родитељ
комит
b840fac8b1

+ 10 - 0
examples/test/app/sections/aside.html

@@ -10,6 +10,16 @@
         <a href="#lists" data-target="section" data-icon="items" data-count="5">Lists</a>
         <a href="#lists" data-target="section" data-icon="items" data-count="5">Lists</a>
         <a href="#events" data-target="article" data-icon="user">Events</a>
         <a href="#events" data-target="article" data-icon="user">Events</a>
         <a href="#scrolls" data-target="article" data-icon="down">Scrolls</a>
         <a href="#scrolls" data-target="article" data-icon="down">Scrolls</a>
+        <a href="#urls" data-target="article" data-icon="down">URL Scheme Reference</a>
+                <a href="#welcome" data-target="article" class="current" data-icon="wifi">Welcome</a>
+        <a href="#navigation" data-target="section" data-icon="map">Navigation</a>
+        <a href="#buttons" data-target="article" data-icon="plus" data-count="14">Buttons & Colours</a>
+        <a href="#icons" data-target="article" data-icon="picture" data-count="94">Icons</a>
+        <a href="#data-attributes" data-target="article" data-icon="tag" data-count="6">Data Attributes</a>
+        <a href="#forms" data-target="section" data-icon="edit" data-count="7">Form Elements</a>
+        <a href="#lists" data-target="section" data-icon="items" data-count="5">Lists</a>
+        <a href="#events" data-target="article" data-icon="user">Events</a>
+        <a href="#scrolls" data-target="article" data-icon="down">Scrolls</a>
         <a href="#urls" data-target="article" data-icon="down">URL Scheme Reference</a>
         <a href="#urls" data-target="article" data-icon="down">URL Scheme Reference</a>
     </div>
     </div>
 </aside>
 </aside>

+ 1 - 1
src/stylesheets/css/Lungo.layout.aside.css

@@ -1,4 +1,4 @@
-section.aside{-webkit-transform:translate3d(256px, 0, 0);-moz-transform:translate3d(256px, 0, 0);-o-transform:translate3d(256px, 0, 0);transform:translate3d(256px, 0, 0);}section.aside.onright{-webkit-transform:translate3d(-256px, 0, 0);-moz-transform:translate3d(-256px, 0, 0);-o-transform:translate3d(-256px, 0, 0);transform:translate3d(-256px, 0, 0);}
+section.aside{left:256px;}section.aside.onright{-webkit-transform:translate3d(-256px, 0, 0);-moz-transform:translate3d(-256px, 0, 0);-o-transform:translate3d(-256px, 0, 0);transform:translate3d(-256px, 0, 0);}
 aside{position:absolute;width:inherit;height:inherit;top:0px;visibility:hidden;z-index:0;width:256px;max-width:256px;}aside.onright{right:0px;}
 aside{position:absolute;width:inherit;height:inherit;top:0px;visibility:hidden;z-index:0;width:256px;max-width:256px;}aside.onright{right:0px;}
 aside.current{visibility:visible;}
 aside.current{visibility:visible;}
 aside .title{line-height:40px;font-size:15px;font-weight:bold;height:40px;}
 aside .title{line-height:40px;font-size:15px;font-weight:bold;height:40px;}

+ 3 - 1
src/stylesheets/less/Lungo.layout.aside.less

@@ -16,7 +16,9 @@
 
 
 /* @group <aside> */
 /* @group <aside> */
 section.aside {
 section.aside {
-	.transform(translate3d(256px, 0, 0));
+	//.transform(translate3d(256px, 0, 0));
+	left: 256px;
+
 	&.onright { .transform(translate3d(-256px, 0, 0)); }
 	&.onright { .transform(translate3d(-256px, 0, 0)); }
 }
 }