[Mobile] Remove Bar

Remove the splitter bar on mobile
and tablets.

platform/commonUI/browse/res/templates/browse.html

@@ -34,7 +34,7 @@
                         </mct-representation>
                     </div>
                 </div>
-                <mct-splitter></mct-splitter>
+                <mct-splitter class="mobile-hide"></mct-splitter>
                 <div class='split-pane-component items pane'>
                     <div class='holder abs hider-check' id='content-area'>
                         <mct-representation mct-object="navigatedObject" key="'browse-object'">

platform/commonUI/general/res/css/theme-espresso.css

@@ -819,21 +819,38 @@ mct-container {
 /* line 81, ../sass/mobile/_layout.scss */
 .mobile-menu-icon {
   top: 5px; }
+  @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+    /* line 81, ../sass/mobile/_layout.scss */
+    .mobile-menu-icon {
+      font-size: 125%; } }
+  @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+    /* line 81, ../sass/mobile/_layout.scss */
+    .mobile-menu-icon {
+      font-size: 175%; } }
   @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
     /* line 81, ../sass/mobile/_layout.scss */
     .mobile-menu-icon {
       display: none; } }
 
 @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 88, ../sass/mobile/_layout.scss */
+  /* line 94, ../sass/mobile/_layout.scss */
+  .mobile-hide {
+    display: none; } }
+@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 94, ../sass/mobile/_layout.scss */
+  .mobile-hide {
+    display: none; } }
+
+@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
+  /* line 103, ../sass/mobile/_layout.scss */
   .browse-manage {
     width: 257px; } }
 @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
-  /* line 88, ../sass/mobile/_layout.scss */
+  /* line 103, ../sass/mobile/_layout.scss */
   .browse-manage {
     width: 399.5px; } }
 @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
-  /* line 88, ../sass/mobile/_layout.scss */
+  /* line 103, ../sass/mobile/_layout.scss */
   .browse-manage {
     min-width: 150px;
     max-width: 800px;

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

@@ -80,11 +80,26 @@
 
 .mobile-menu-icon {
     top: $interiorMargin;
+    @include phone {
+        font-size: 125%;
+    }
+    @include tablet {
+        font-size: 175%;
+    }      
     @include desktop {
         display: none;
     }       
 }
 
+.mobile-hide {
+    @include phone {
+        display: none;
+    }
+    @include tablet {
+        display: none;
+    }      
+}
+
 .browse-manage {
     @include phone {
         width: $phoneSlideMenuWidth;