update docPage PageTools styling

newrelic · May 8, 2024 · 2fb0080 · 2fb0080
1 parent f202eb1
commit 2fb0080
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/templates/docPage.js b/src/templates/docPage.js
@@ -134,6 +134,7 @@ const BasicDoc = ({ data, location, pageContext }) => {
           <Layout.PageTools
             css={css`
               background: var(--primary-background-color);
+              gap: 0;
               top: calc(var(--global-header-height) + 3rem);
               &.page-tools-transition-enter {
                 translate: calc(var(--sidebar-width) - 50px);
@@ -168,6 +169,20 @@ const BasicDoc = ({ data, location, pageContext }) => {
               pageTitle={title}
               fileRelativePath={fileRelativePath}
               issueLabels={['feedback', 'feedback-issue']}
+              css={css`
+                margin-top: 1rem;
+                background: var(--system-text-primary-dark);
+
+                .dark-mode && {
+                  background: var(--erno-black);
+                }
+                a {
+                  color: var(--primary-system-text);
+                  font-size: 1rem;
+                  border-radius: 3px;
+                  border: none;
+                }
+              `}
             />
           </Layout.PageTools>
         </CSSTransition>