sync some extra updates from past

vuejs · Jan 14, 2023 · 942e462 · 942e462
1 parent 5cbbb7e
commit 942e462
Show file tree

Hide file tree

Showing 9 changed files with 432 additions and 120 deletions.
diff --git a/_scripts/sync-sponsors.js b/_scripts/sync-sponsors.js
@@ -8,7 +8,6 @@ const configPath = path.resolve(__dirname, '../themes/vue/_config.yml')
 
 ;(async () => {
   const { data } = await axios(`https://sponsors.vuejs.org/data.json`)
-
   const yml = yaml.dump(data)
   const config = fs.readFileSync(configPath, 'utf-8')
   const updated = config.replace(

diff --git a/themes/vue/layout/partials/ecosystem_dropdown.ejs b/themes/vue/layout/partials/ecosystem_dropdown.ejs
@@ -24,7 +24,6 @@
     <li><h4>信息</h4></li>
     <li><ul>
       <li><a href="https://news.vuejs.org" class="nav-link" target="_blank" rel="noopener">周刊</a></li>
-      <li><a href="https://github.com/vuejs/vue/projects/6" class="nav-link" target="_blank" rel="noopener">Roadmap</a></li>
       <li><a href="https://events.vuejs.org/" class="nav-link" target="_blank" rel="noopener">活动</a></li>
       <li><a href="https://twitter.com/vuejs" class="nav-link" target="_blank" rel="noopener">Twitter</a></li>
       <li><a href="https://blog.vuejs.org" class="nav-link" target="_blank" rel="noopener">博客</a></li>

diff --git a/themes/vue/layout/partials/sidebar.ejs b/themes/vue/layout/partials/sidebar.ejs
@@ -16,7 +16,7 @@
             examples: '示例',
             guide: '教程',
             cookbook: 'Cookbook<sup class="beta">beta</sup>',
-            'style-guide': '风格指南'
+            'style-guide': '风格指南<sup class="beta">beta</sup>'
           } %>
           <%- titles[type] %>
           <% if (['cookbook', 'style-guide'].indexOf(type) === -1) { %>

diff --git a/themes/vue/source/css/_header.styl b/themes/vue/source/css/_header.styl
@@ -21,17 +21,18 @@ red-dot-before(leftPos = -8px)
   box-sizing: border-box
 
 #v3-banner
-  background-color: $green
+  background-color: #4e6981
   min-height: 40px
   padding: $heading-padding-vertical 60px
   z-index: $z-header - 1
   box-sizing: border-box
   text-align: center
-  color: #d6ffec
-  display: none
+  color: #fff
+  display: block
+  // display: none
 
   a
-    color: #fff
+    color: #7adeb2
     font-weight: bold
   .only-sm
     display: none
@@ -45,6 +46,10 @@ red-dot-before(leftPos = -8px)
 
 body.docs
   #header
+    position: fixed
+    width: 100%
+    top: 40px
+  #v3-banner
     position: fixed
     width: 100%
     top: 0
@@ -163,6 +168,7 @@ body.docs
   display: none
   box-shadow: 0 0 2px rgba(0,0,0,.25)
   pointer-events: none
+  transition: background-color 0.25s ease-in
   > *
     pointer-events: auto
   .menu-button

diff --git a/themes/vue/source/css/_settings.styl b/themes/vue/source/css/_settings.styl
@@ -23,7 +23,8 @@ $content-padding-vertical = 35px
 // header settings
 $header-inner-height = 41px
 $heading-padding-vertical = 10px
-$header-height = $header-inner-height + $heading-padding-vertical * 2
+$v3-banner-height = 40px
+$header-height = $header-inner-height + $heading-padding-vertical * 2 + $v3-banner-height
 $mobile-header-height = 40px
 // prevent headers from being covered by the top nav upon navigation
 $heading-link-padding-top = $header-height + $content-padding-vertical