You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2019/09/25 22:08:02 UTC

[royale-docs] branch master updated: fix extra space withing logo and sidebar menu and search box in some situations

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 525491a  fix extra space withing logo and sidebar menu and search box in some situations
525491a is described below

commit 525491a3ea90f8e9427c2e0b9aadcb20e1934d12
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Thu Sep 26 00:07:55 2019 +0200

    fix extra space withing logo and sidebar menu and search box in some situations
---
 _sass/sidebar.sass | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/_sass/sidebar.sass b/_sass/sidebar.sass
index 8309fb1..c3e3971 100644
--- a/_sass/sidebar.sass
+++ b/_sass/sidebar.sass
@@ -50,6 +50,18 @@
     border-radius: 10px
     text-transform: uppercase
 
+.sidebar
+    display: flex
+    flex-direction: column
+    justify-content: flex-start
+    align-items: stretch
+    width: 280px
+    overflow-y: auto
+    margin-top: 20px
+
+.sidebar-logo
+    display: none
+
 @media (min-width: 600px)
     .toc
         margin-left: 80px
@@ -96,20 +108,6 @@
             will-change: opacity
             transition: opacity 0.4s 0ms
 
-
-.sidebar
-    display: flex
-    flex-direction: column
-    justify-content: flex-start
-    align-items: stretch
-    width: 280px
-    overflow-y: auto
-    margin-top: 20px
-
-.sidebar-logo
-    display: none
-
-@media (max-width: 599px)
     .sidebar-button
         display: inline-block
 
@@ -118,11 +116,11 @@
 
     .sidebar-logo
         display: inline-flex
-        flex: 1 0 auto
+        flex: 0 0 auto
         flex-direction: column
         align-self: center
         width: 170px
-        margin: 0px 10px 10px 10px
+        margin: 0px 10px 30px 10px
 
         a
             background-color: transparent