Fix some mobile view bugs (RocketChat#904)

karlitschek · Sep 5, 2018 · a8ddd64 · a8ddd64
1 parent bd2755e
commit a8ddd64
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/_config.yml b/_config.yml
@@ -5,7 +5,7 @@ description: Rocket.Chat user, admin, API, integration, plugin and contributing
 url: https://rocket.chat/docs
 
 # bump if alterting styles or js
-version: 28
+version: 29
 
 defaults:
   - scope:

diff --git a/_sass/layout.scss b/_sass/layout.scss
@@ -670,6 +670,10 @@ td > code {
     border: none;
   }
 
+  .article-toc-wrapper{
+    display: none;
+  }
+
   .home-hero{
     background-size: 250% auto;
     background-position: center bottom;
@@ -694,6 +698,11 @@ td > code {
     width: 100%;
   }
 
+  .content .wrapper{
+    width: 95%;
+    margin: 0 auto;
+  }
+
   .mobile-search {
     margin-bottom: 2em;
     display: flex;

diff --git a/public/js/responsiveControl.js b/public/js/responsiveControl.js
@@ -1,7 +1,7 @@
 
 function moveToC(){
     var viewportWidth = window.innerWidth;
-    if (viewportWidth < 1000) {
+    if (viewportWidth < 1200) {
         $('.toc').appendTo($('.toc-sidebar'));
     } else {
         $('.ui.sidebar').sidebar('hide');
@@ -11,7 +11,7 @@ function moveToC(){
 
 function moveSearch(){
     var viewportWidth = window.innerWidth;
-    if (viewportWidth < 1000) {
+    if (viewportWidth < 1200) {
         $('.search.docs').appendTo($('.mobile-search'));
     } else {
         $('.ui.sidebar').sidebar('hide');