Merge branch 'main' into ccip/manual-retry

smartcontractkit · Nov 28, 2023 · cf23672 · cf23672
2 parents 9e20f6d + 683c32f
commit cf23672
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 13 deletions.
diff --git a/src/components/Footer/NewsletterCTA.css b/src/components/Footer/NewsletterCTA.css
@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: var(--space-16x) var(--space-8x);
+  padding: var(--space-10x) var(--space-8x);
   background-image: url(/images/newsletter_bg.svg);
   background-position: center;
   background-size: cover;
@@ -27,7 +27,7 @@
 }
 
 .form-subscribe {
-  max-width: 550px;
+  max-width: 610px;
   width: 100%;
 }
 
@@ -37,17 +37,11 @@
   flex-direction: column;
 }
 
-@media (min-width: 50em) {
-  .form-subscribe-field-wrapper {
-    flex-direction: row;
-
-    gap: var(--space-4x);
-  }
-}
 .newsletter-cta .cta-subscribe-input {
   width: 100%;
   height: 56px;
   max-height: 56px;
+  margin-bottom: var(--space-4x);
   padding-right: 24px;
   padding-left: 24px;
   border-style: solid;
@@ -60,9 +54,11 @@
   font-style: italic;
 }
 
-/* #subscribe-button {
-  width: 100%;
-} */
+#subscribe-button {
+  flex: 1;
+  height: 56px;
+  padding: var(--space-4x) var(--space-8x);
+}
 .subscribe-form-success-social {
   margin-right: 4px;
   margin-left: 4px;
@@ -83,3 +79,20 @@
   margin-top: var(--space-4x);
   cursor: pointer;
 }
+
+@media (min-width: 50em) {
+  .newsletter-cta {
+    padding: var(--space-24x) var(--space-6x);
+  }
+
+  .form-subscribe-field-wrapper {
+    flex-direction: row;
+
+    gap: var(--space-4x);
+  }
+
+  .newsletter-cta .cta-subscribe-input {
+    width: 416px;
+    margin-bottom: var(--space-0x);
+  }
+}
diff --git a/src/components/Footer/NewsletterSignupForm.tsx b/src/components/Footer/NewsletterSignupForm.tsx
@@ -72,7 +72,7 @@ export const NewsletterSignupForm = () => {
             <input
               id="subscribe-button"
               type="submit"
-              value={isLoading ? "Please Wait..." : "Sign up"}
+              value={isLoading ? "Please Wait..." : "Subscribe now"}
               disabled={isLoading}
               className={clsx(button.secondary, "text-300")}
             />

diff --git a/src/components/RightSidebar/MoreMenu.astro b/src/components/RightSidebar/MoreMenu.astro
@@ -31,6 +31,55 @@ const showMoreSection = CONFIG.COMMUNITY_INVITE_URL || editHref
       </li>
     )
   }
+  {
+    CONFIG.TRANSLATION_FEEDBACK_URL && (
+      <li class="header-link">
+        <a href={CONFIG.TRANSLATION_FEEDBACK_URL} target="_blank">
+          <svg
+            aria-hidden="true"
+            focusable="false"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            viewBox="0 0 14 14"
+            fill="currentColor"
+          >
+            <g>
+              <path
+                d="m 7.0625765,13.519788 c 3.5662365,0 6.4572115,-2.890975 6.4572115,-6.4572115 0,-3.5662211 -2.890975,-6.45721152 -6.4572115,-6.45721152 -3.5662372,0 -6.45721152,2.89099042 -6.45721152,6.45721152 0,3.5662365 2.89097432,6.4572115 6.45721152,6.4572115 z"
+                stroke="#375BD2"
+                stroke-width="1.21073"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                id="path2"
+                style="fill:none;stroke:currentColor"
+              />
+              <path
+                d="M 0.60536498,7.0625765 H 13.519788"
+                stroke="#375BD2"
+                stroke-width="1.21073"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                id="path3"
+                style="fill:none;stroke:currentColor;stroke-opacity:1"
+              />
+              <path
+                d="m 7.0625765,13.519788 c 1.337369,0 2.4214542,-2.890975 2.4214542,-6.4572115 0,-3.5662211 -1.0840852,-6.45721152 -2.4214542,-6.45721152 -1.3373693,0 -2.4214544,2.89099042 -2.4214544,6.45721152 0,3.5662365 1.0840851,6.4572115 2.4214544,6.4572115 z"
+                stroke="#375BD2"
+                stroke-width="1.21073"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                id="path4"
+                style="fill:none;stroke:currentColor"
+              />
+            </g>
+          </svg>
+          <p>Report a translation issue</p>
+        </a>
+      </li>
+    )
+  }
   {
     CONFIG.COMMUNITY_INVITE_URL && (
       <li class="header-link">

diff --git a/src/config/site.ts b/src/config/site.ts
@@ -20,5 +20,8 @@ export const OPEN_GRAPH = {
 // Uncomment this to add an "Edit this page" button to every page of documentation.
 export const GITHUB_EDIT_URL = `https://github.com/smartcontractkit/documentation/tree/main/`
 
+// Uncomment this to add an "Edit this page" button to every page of documentation.
+export const TRANSLATION_FEEDBACK_URL = `https://chainlinkcommunity.typeform.com/to/bV6ux9R7/`
+
 // Uncomment this to add an "Join our Community" button to every page of documentation.
 export const COMMUNITY_INVITE_URL = `https://discord.com/invite/aSK4zew`