Merge pull request #15767 from ant-design/improve-site-footer

Some improvement about site and workflow

.github/PULL_REQUEST_TEMPLATE.md

@@ -21,23 +21,28 @@ Please makes sure that these form are filled before submitting your pull request
 
 ### 👻 What's the background?
 
+<!--
 1. Describe the source of requirement, like related issue link.
 
 2. Describe the problem and the scenario.
+-->
 
 ### 💡 Solution
 
+<!--
 1. How to fix the problem, and list final API implementation and usage sample if that is an new feature.
 
 2. GIF or snapshot should be provided if includes UI/interactive modification.
+-->
 
-### 📝 Changelog description
+### 📝 Changelog
 
-> Describe changes from userside, and list all potential break changes or other risks.
+<!--
+Describe changes from userside, and list all potential break changes or other risks.
+--->
 
-1. English description
-
-2. Chinese description (optional)
+- English Changelog:
+- Chinese Changelog (optional):
 
 ### ☑️ Self Check before Merge
 

.github/PULL_REQUEST_TEMPLATE/pr_cn.md

@@ -21,23 +21,29 @@
 
 ### 👻 需求背景
 
+<!--
 1. 描述相关需求的来源，如相关的 issue 讨论链接。
 
 2. 要解决的具体问题。
+-->
 
 ### 💡 解决方案和最终实现是？
 
+<!--
 1. 列出最终的 API 实现和用法。
 
 2. 涉及UI/交互变动需要有截图或 GIF。
+-->
 
 ### 📝 更新日志怎么写？
 
+<!--
 > 从用户角度描述具体变化，以及可能的 breaking change 和其他风险？
+-->
 
-1. 英文描述
+- 英文：
 
-2. 中文描述（可选）
+- 中文（可选）:
 
 ### ☑️ 请求合并前的自查清单
 

site/theme/static/footer.less

@@ -1,6 +1,6 @@
 @import './colors';
 
-@padding-space: 24px;
+@padding-space: 40px;
 
 footer {
   position: relative;
@@ -13,7 +13,7 @@ footer {
 
   .footer-wrap {
     position: relative;
-    padding: 86px @padding-space 93px @padding-space;
+    padding: 60px @padding-space;
     text-align: center;
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 

site/theme/template/Content/MainContent.jsx

@@ -95,12 +95,14 @@ export default class MainContent extends Component {
       this.handleMenuOpenChange();
     }
     setTimeout(() => {
-      if (
-        window.location.hash &&
-        document.querySelector(decodeURIComponent(window.location.hash)) &&
-        document.documentElement.scrollTop === 0
-      ) {
-        document.querySelector(decodeURIComponent(window.location.hash)).scrollIntoView();
+      if (!window.location.hash) {
+        return;
+      }
+      const element = document.getElementById(
+        decodeURIComponent(window.location.hash.replace('#', '')),
+      );
+      if (element && document.documentElement.scrollTop === 0) {
+        element.scrollIntoView();
       }
     }, 0);
   }

site/theme/template/Home/index.jsx

@@ -53,7 +53,7 @@ function getStyle() {
     }
     @media only screen and (max-width: 767.99px) {
       #footer .footer-wrap{
-        padding: 40px 24px
+        padding: 40px 24px;
       }
       footer .footer-wrap .ant-row {
         padding: 0;