You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by wu...@apache.org on 2021/04/29 15:07:56 UTC

[skywalking-website] branch master updated: dropdown styles (#266)

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

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


The following commit(s) were added to refs/heads/master by this push:
     new 3bb9a60  dropdown styles (#266)
3bb9a60 is described below

commit 3bb9a600c2cf342f283712cd7fe4bf9c2958bb5f
Author: Juntao Zhang <71...@qq.com>
AuthorDate: Thu Apr 29 10:07:50 2021 -0500

    dropdown styles (#266)
---
 layouts/shortcodes/downloads-block.html         | 33 ++++++++++++++-----------
 themes/docsy/assets/scss/_custom_downloads.scss | 20 +++------------
 2 files changed, 22 insertions(+), 31 deletions(-)

diff --git a/layouts/shortcodes/downloads-block.html b/layouts/shortcodes/downloads-block.html
index 5c06771..b2339da 100755
--- a/layouts/shortcodes/downloads-block.html
+++ b/layouts/shortcodes/downloads-block.html
@@ -17,15 +17,17 @@
                             Source
                         </button>
                         <div class="dropdown-menu">
-                            {{ range .source }}
-                            <h6 class="dropdown-header">{{.version}}<span> | {{.date}}</span></h6>
-                            {{ $version := .version }}
-                            <div class="dropdown-item">
-                                {{range .downloadLink}}
-                                [<a href="{{.link}}" data-label="[{{$name}}]-[Source]-[{{$version}}]-[{{.name}}]" rel="noopener noreferrer" target="_blank">{{.name}}</a>]
+                            <div>
+                                {{ range .source }}
+                                <h6 class="dropdown-header">{{.version}}<span> | {{.date}}</span></h6>
+                                {{ $version := .version }}
+                                <div class="dropdown-item">
+                                    {{range .downloadLink}}
+                                    [<a href="{{.link}}" data-label="[{{$name}}]-[Source]-[{{$version}}]-[{{.name}}]" rel="noopener noreferrer" target="_blank">{{.name}}</a>]
+                                    {{end}}
+                                </div>
                                 {{end}}
                             </div>
-                            {{end}}
                         </div>
                     </div>
                 </div>
@@ -37,15 +39,18 @@
                         Distribution
                     </button>
                     <div class="dropdown-menu">
-                        {{ range .distribution }}
-                        <h6 class="dropdown-header">{{.version}}<span> | {{.date}}</span></h6>
-                        {{ $version := .version }}
-                        <div class="dropdown-item">
-                            {{range .downloadLink}}
-                            [<a href="{{.link}}" data-label="[{{$name}}]-[Distribution]-[{{$version}}]-[{{.name}}]" rel="noopener noreferrer" target="_blank">{{.name}}</a>]
+                        <div>
+                            {{ range .distribution }}
+                            <h6 class="dropdown-header">{{.version}}<span> | {{.date}}</span></h6>
+                            {{ $version := .version }}
+                            <div class="dropdown-item">
+                                {{range .downloadLink}}
+                                [<a href="{{.link}}" data-label="[{{$name}}]-[Distribution]-[{{$version}}]-[{{.name}}]" rel="noopener noreferrer" target="_blank">{{.name}}</a>]
+                                {{end}}
+                            </div>
                             {{end}}
                         </div>
-                        {{end}}
+
                     </div>
                 </div>
                 {{end}}
diff --git a/themes/docsy/assets/scss/_custom_downloads.scss b/themes/docsy/assets/scss/_custom_downloads.scss
index 67cf500..db68033 100644
--- a/themes/docsy/assets/scss/_custom_downloads.scss
+++ b/themes/docsy/assets/scss/_custom_downloads.scss
@@ -1,8 +1,4 @@
 .td-downloads {
-  #download-the-last-version {
-    border-bottom: none;
-  }
-
 
   .flex-center {
     display: flex;
@@ -76,8 +72,6 @@
 
     .doc-box {
       padding: 0 1.25rem;
-      //padding: 0 0.8rem;
-      //padding: 0;
       display: flex;
       width: 100%;
       align-items: center;
@@ -89,7 +83,8 @@
 
     .dropdown-menu {
       min-width: 6rem;
-      z-index: 10000;
+      max-height: 300px;
+      overflow-y: scroll;
     }
 
     .dropdown-header {
@@ -139,21 +134,12 @@
   color: inherit;
 }
 
-@media (max-width: 996px) {
-  .td-docs {
-    //.card-wrapper {
-    //  .item {
-    //    width: 48%;
-    //  }
-    //}
-  }
-}
-
 @media (max-width: 768px) {
   .td-downloads {
     .card-wrapper {
       .item {
         width: 100%;
+        margin-right: 0;
       }
 
       .dropdown-header {