Tablet fixes

src/modules/Lungo.Aside.coffee

@@ -34,7 +34,7 @@ Lungo.Aside = do (lng = Lungo) ->
             childs = aside_section.data("children").split(" ")
             for child in childs
               child = lng.dom(C.ELEMENT.SECTION + "#" + child)
-              if child.hasClass(C.CLASS.SHOW) then child.addClass "shadowing"
+              if child.length and child.hasClass(C.CLASS.SHOW) then child.addClass "shadowing"
 
           aside_section.removeClass("aside").addClass "asideShowing"
 

src/modules/Lungo.Router.Tablet.coffee

@@ -198,13 +198,23 @@ Lungo.RouterTablet = do (lng = Lungo) ->
       unless section.hasClass(C.CLASS.SHOW) then apply = true
     else apply = true
     if apply
-      section.addClass(C.CLASS.SHOW)
-      section.data(C.ATTRIBUTE.DIRECTION, direction) if section.data(C.TRANSITION.ATTR)
+      if isForward
+        section.addClass(C.CLASS.HIDE)
+        section.addClass(C.CLASS.SHOW)
+        setTimeout (->
+          section.data(C.ATTRIBUTE.DIRECTION, direction).removeClass(C.CLASS.HIDE)
+        ), 10
+      else
+        section.addClass(C.CLASS.SHOW)
+        section.data(C.ATTRIBUTE.DIRECTION, direction)
+
 
   _sameSection = ->
     if not event or not lng.Element.Cache.section then return true
     dispacher_section = lng.dom(event.target).closest("section,aside")
-    same = dispacher_section.attr("id") is lng.Element.Cache.section.attr("id")
+    if dispacher_section.length
+      same = dispacher_section.attr("id") is lng.Element.Cache.section.attr("id")
+    else same = true
     return same
 
   _notCurrentTarget = (current, id) -> current?.attr(C.ATTRIBUTE.ID) isnt id

src/stylesheets/lungo.media.tablet.styl

@@ -10,6 +10,9 @@
     vendor(perspective, 800px)
     vendor(transform-style, preserve-3d)
 
+    & div.notification
+      position: absolute !important
+
     & > section, & > aside
       backface-visibility hidden
       vendor(animation-timing-function, DEFAULT_TRANSITION)
@@ -59,6 +62,9 @@
         transform translateX(ASIDE_WIDTH)
         opacity: .6
 
+      &.hide, &.hide *
+        opacity: 0
+
       &:not([data-children])
         box-flex(1)
 

src/stylesheets/lungo.widget.pull.styl

@@ -5,7 +5,7 @@ section.show > [data-control="pull"]
   position: absolute
   z-index: -1
   top: HEADER_HEIGHT
-  width: 100%
+  width: inherit
   height: 80px
   padding: 10px 0
   text-align: center