Add touch events

2014-12-16 22:14:47 +01:00
parent 9b72ff173f
commit 6a8d517727
14 changed files with 2140 additions and 53 deletions
@@ -1,6 +1,8 @@
 html, body
  margin: 0
  padding: 0
+  //width: 100%
+  //height: 100%
 body
  overflow-x: hidden
  @media #{$small-only}
@@ -9,14 +11,23 @@ body
  background-image: image-url('theme1/wall-bg.jpg')
  background-repeat: repeat
  padding-top: $top-menu-height
+  //height: 100%
+  > .ember-view
+    // application-view
+    //height: 100%

-main.main-section
+.main-section
  +panel($bg:rgba(200,200,200,0.8))
-  // height: 100%
+  position: absolute
  padding: 0
  margin: 0
+  width: 100%
+  top: $top-menu-height
+  bottom: 0
+  overflow-y: scroll
+  -webkit-overflow-scrolling: touch
  .main-section-content
-    min-height: calc(100% - #{$top-menu-height})
+    //nothing
 span.icon
  @extend .fa
  @extend .fa-lg
@@ -1,8 +1,8 @@
-header.top-menu
+.top-menu
  // Fixed styling rules copied from foundation top-menu fixed
  width: 100%
  #{$default-float}: 0
-  position: fixed
+  position: absolute
  top: 0
  z-index: 99

@@ -1,14 +1,23 @@
-aside.side-menu
+$side-menu-width: 222px
+.side-menu
  background-color: #444
  position: fixed
-  display: none
-  left: -222px
+  //display: none
+  left: -$side-menu-width
  top: 0
-  width: 222px
+  width: $side-menu-width
  height: 100%
  z-index: 157
  opacity: 0.9
  border-right: 2px solid black
+  &.active
+    left: 0
+    +animation(sideMenuActive 0.5s)
+    .toggle-side-menu
+      right: 5px
+  &.closed
+    &.clicked
+      +animation(sideMenuClosed 0.3s)
  > ul
    list-style: none
    a
@@ -42,18 +51,27 @@ aside.side-menu
  a.active
    color: $current-color

-.toggle-side-menu
-  position: absolute
-  width: 28px
-  height: 28px
-  color: white
-  left: 0
-  cursor: pointer
-  z-index: 100
-  font-size: 1.6em
-  &.open
+  .toggle-side-menu
+    position: absolute
+    width: 28px
+    height: 28px
    color: white
-  span
-    @extend .fa
-    @extend .fa-lg
-    @extend .fa-bars
+    right: -30px
+    cursor: pointer
+    //z-index: 158
+    font-size: 1.6em
+    span
+      @extend .fa
+      @extend .fa-lg
+      @extend .fa-bars
+
+keyframes(sideMenuActive)
+  from
+    left: -$side-menu-width
+  to
+    left: 0
+keyframes(sideMenuClosed)
+  from
+    left: 0
+  to
+    left: -$side-menu-width