[royale-docs] branch master updated: adjust width in mobile and dektop/tablet

[ca...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git


The following commit(s) were added to refs/heads/master by this push:
     new a4fa7c0  adjust width in mobile and dektop/tablet
a4fa7c0 is described below

commit a4fa7c0951fcefcbab310b01fdd0ef31986e384c
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Tue Sep 24 12:32:52 2019 +0200

    adjust width in mobile and dektop/tablet
---
 _sass/docsearch.sass | 2 +-
 _sass/sidebar.sass   | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/_sass/docsearch.sass b/_sass/docsearch.sass
index a5aa728..28039e4 100644
--- a/_sass/docsearch.sass
+++ b/_sass/docsearch.sass
@@ -19,7 +19,7 @@
 
     outline-style: none
     display: inline-block
-    width: 300px
+    width: 100%
     appearance: none
     background-color: white
     border-radius: 6px
diff --git a/_sass/sidebar.sass b/_sass/sidebar.sass
index f026c0d..be73892 100644
--- a/_sass/sidebar.sass
+++ b/_sass/sidebar.sass
@@ -92,10 +92,14 @@
     flex-direction: column
     justify-content: flex-start
     align-items: stretch
-    width: 300px
+    width: 280px
     overflow-y: auto
     margin-top: 20px
 
+@media (max-width: 599px)
+    .sidebar
+        width: 100%
+
 .menu_div2 
     margin-left: 15px