fix(site-components): adjust positioning of issue component and update header style

Author: RylanBot

packages/site-components/src/components/td-doc-header/index.js

@@ -142,7 +142,7 @@ export default define({
             Object.assign(describe.style, { opacity: 1, visibility: 'visible' });
             Object.assign(background.style, { position: 'absolute', top: 'unset', left: '0' });
             tabs && Object.assign(tabs.style, { position: 'absolute', top: '228px' });
-            Object.assign(issue.style, { position: 'absolute', top: 'calc(100% - 48px - 12px)' });
+            Object.assign(issue.style, { position: 'absolute', top: 'calc(100% - 48px)' });
             Object.assign(thumb.style, { opacity: 1, visibility: 'visible' });
           }
         }

packages/site-components/src/components/td-doc-header/style.less

@@ -19,7 +19,6 @@
 
   &__inner {
     padding: var(--inner-padding-y, 48px) var(--content-padding-left-right);
-    box-sizing: border-box;
     position: relative;
     display: flex;
     flex-direction: column;

packages/site-components/src/components/td-doc-header/td-doc-issue/style.less

@@ -1,8 +1,7 @@
 :host {
-
   position: absolute;
   right: 24px;
-  top: calc(100% - 48px - 12px);
+  top: calc(100% - 48px);
   z-index: 500;
 
   @media screen and (max-width: 750px) {

packages/site-components/src/styles/docs.less

@@ -227,7 +227,7 @@ div[name="DESIGN"] {
     font-size: 20px;
     line-height: 28px;
     margin: 48px 0 8px;
-    display: flex;
+    // display: flex;
     align-items: center;
     white-space: pre-wrap;