Merge pull request #23 from DHTMLX/contact-support-button

[dev] add contact support button

Author: 75ta

src/css/custom.css

@@ -220,3 +220,22 @@ p {
   max-width: 100%;
   padding: 2px;
 }
+
+/* styles for Contact Support component */
+
+.contact-support-link-wrapper{
+  display: flex;
+  flex-direction: column;
+  justify-content: start;
+  align-items: start;
+  gap: 0.5rem;
+  margin: 1rem;
+}
+
+.contact-support-link{
+  font-size: var(--ifm-h4-font-size);
+  font-weight: var(--ifm-heading-font-weight);
+  text-align: center;
+}
+
+/* end for Contact Support component */

src/theme/TOCItems/index.js

@@ -0,0 +1,20 @@
+import TOCItems from '@theme-original/TOCItems';
+
+export default function TOCItemsWrapper(props) {
+  return (
+    <>
+      <TOCItems {...props} />
+      <div className="contact-support-link-wrapper">
+        Need more help?
+        <a 
+          href="https://dhtmlx.com/docs/technical-support.shtml" 
+          target="_blank" 
+          rel="noopener noreferrer" 
+          className="contact-support-link pagination-nav__link"
+        >
+          Contact Support
+        </a>
+      </div>
+    </>
+  );
+}