[servicecomb-website] branch master updated: modify the style of navigation outstretched layer

[ni...@apache.org]

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

ningjiang pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/servicecomb-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 9e6bee7  modify the style of navigation outstretched layer
9e6bee7 is described below

commit 9e6bee76a73d575e5a47b2ec5c30a8ee7c041a06
Author: chinx <c5...@126.com>
AuthorDate: Tue Dec 24 10:27:14 2019 +0800

    modify the style of navigation outstretched layer
---
 _includes/masthead.html               |  2 +-
 _sass/minimal-mistakes/_masthead.scss | 20 +++++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/_includes/masthead.html b/_includes/masthead.html
index ec97162..8c5a647 100755
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@@ -62,7 +62,7 @@
                 <a href="{{ domain }}{{ link.url }}">{{ link.title }}</a>
               {% endif %}
 
-              <ul id="childrenShow" class="def-children-show" onmouseleave="$('#childrenShow').css('display', 'none')">
+              <ul id="childrenShow" class="def-children-show-{{ page.lang }}" onmouseleave="$('#childrenShow').css('display', 'none')">
                 {% for child in link.children %}
                 <li><a href="{{ domain }}{{ child.url }}" class="{{ active }}">{{ child.title }}</a></li>
                 {% endfor %}
diff --git a/_sass/minimal-mistakes/_masthead.scss b/_sass/minimal-mistakes/_masthead.scss
index 2d5f42d..8174cc8 100644
--- a/_sass/minimal-mistakes/_masthead.scss
+++ b/_sass/minimal-mistakes/_masthead.scss
@@ -94,7 +94,25 @@
   list-style-type: none;
   white-space: nowrap;
 
-  .def-children-show {
+  .def-children-show-en {
+    display: none;
+    position: absolute;
+    top: 55px;
+    width: 140px;
+
+    li {
+      background: #000;
+      opacity: 0.8;
+      padding: 10px 20px;
+      margin-bottom: 1px;
+
+      a {
+        width: 100%;
+      }
+    }
+  }
+
+  .def-children-show-cn {
     display: none;
     position: absolute;
     top: 55px;