[Mobile] Transition/Create Fix

Fix the create button to work and
also transition well. Added transition mixin
to stay DRY.

platform/commonUI/general/res/sass/mobile/_constants.scss

@@ -69,6 +69,6 @@ $desktopLandscape: "screen and #{$desktopLanscapeCheck}";
 /************************** DEVICE PARAMETERS FOR MENUS */
 $phoneMenuSizePortrait: 80%;
 $phoneMenuSizeLandscape: 30%;
-$tabletMenuSizePortrait: 40%;
+$tabletMenuSizePortrait: 35%;
 $tabletMenuSizeLandscape: 25%;
 $desktopMenuSize: 25%;

platform/commonUI/general/res/sass/mobile/_layout.scss

@@ -42,10 +42,12 @@
     }   
 }
 
+
+
 .browse-hidetree {
     .pane-special.left {
         @include phoneandtablet {
-            @include transition-duration(.2s);
+            @include slMenuTransitions;
             width: 0px !important;
             right: auto !important;
             
@@ -58,7 +60,7 @@
 
     .pane-special.right {       
         @include phoneandtablet {
-            @include transition-duration(.2s);
+            @include slMenuTransitions;
             width: auto !important;
             left: 0px !important;
         }
@@ -68,14 +70,15 @@
 .browse-showtree {
     .pane-special.left {
         @include phoneandtablet {
-            @include transition-duration(.2s);
+            @include slMenuTransitions;
             display: block !important;
             right: auto !important;
             
             .createBtnPos {
+                height: inherit;
                 overflow-y: hidden;
                 overflow-x: hidden;
-            }                
+            }         
         }
         @include phonePortrait {
             width: $phoneMenuSizePortrait !important;
@@ -93,8 +96,8 @@
     
     .pane-special.right {
         @include phoneandtablet {
-            @include transition-duration(.2s);
-            width: auto !important;   
+            @include slMenuTransitions;
+            width: auto !important;
         }
         @include phonePortrait {
             left: $phoneMenuSizePortrait !important;
@@ -121,7 +124,7 @@
 
 .button-pos {
     position: absolute;
-    @include transition-duration(.2s);
+    @include slMenuTransitions;
 }
 
 .object-header-mobile {

platform/commonUI/general/res/sass/mobile/_mixins.scss

@@ -80,3 +80,8 @@
         @content
     }
 }
+
+@mixin slMenuTransitions {
+    @include transition-duration(.5s);
+    transition-timing-function: ease;
+}