remove toast and make css edits

Author: paigecalvert

src/components/CopyMarkdown.js

@@ -50,7 +50,6 @@ function CopyMarkdown() {
       }, 2000);
     } catch (error) {
       console.error('Failed to copy markdown:', error);
-      showToast('Failed to copy. Please try again.', true);
     }
   }, []);
 
@@ -75,7 +74,6 @@ function CopyMarkdown() {
       setIsOpen(false);
     } catch (error) {
       console.error('Failed to view markdown:', error);
-      showToast('Failed to open view. Please try again.', true);
     }
   }, []);
 
@@ -109,30 +107,9 @@ function CopyMarkdown() {
       setIsOpen(false);
     } catch (error) {
       console.error('Failed to open ChatGPT:', error);
-      showToast('Failed to open ChatGPT. Please try again.', true);
     }
   }, []);
 
-  // Show toast notification
-  const showToast = (message, isError = false) => {
-    const toast = document.createElement('div');
-    toast.className = styles.toast;
-    if (isError) {
-      toast.classList.add(styles.errorToast);
-    }
-    toast.textContent = message;
-    document.body.appendChild(toast);
-    
-    setTimeout(() => {
-      toast.style.opacity = '0';
-      setTimeout(() => {
-        if (document.body.contains(toast)) {
-          document.body.removeChild(toast);
-        }
-      }, 500);
-    }, 3000);
-  };
-
   // Handle click outside to close dropdown
   const handleClickOutside = useCallback((event) => {
     // Only close if clicking outside both the button and dropdown
@@ -229,7 +206,7 @@ function CopyMarkdown() {
                 onClick={copyMarkdown}
                 role="menuitem"
               >
-                <span>Copy page as Markdown</span>
+                <span>Copy page as plain text</span>
               </button>
             </li>
             <li className={styles.item}>
@@ -247,7 +224,7 @@ function CopyMarkdown() {
                 onClick={openInChatGpt}
                 role="menuitem"
               >
-                <span>Open in ChatGPT</span>
+                <span>Open page in ChatGPT</span>
               </button>
             </li>
           </ul>

src/components/CopyMarkdown.module.css

@@ -13,18 +13,18 @@
 
 .buttonText {
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .button {
   display: flex;
   align-items: center;
   gap: 0.2rem;
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--ifm-color-gray-800, #444950);
   background-color: transparent;
-  border: 2px solid var(--ifm-color-gray-400, #cfd3d9);
+  border: 1px solid var(--ifm-color-gray-400, #cfd3d9);
   border-radius: 8px;
   padding: 0.45rem 0.5rem;
   cursor: pointer;
@@ -62,7 +62,7 @@
   margin-left: 0.2rem;
   transition: transform 0.2s ease;
   color: var(--ifm-color-gray-800, #444950);
-  stroke-width: 2px;
+  stroke-width: 1.5px;
 }
 
 .button[aria-expanded="true"] .icon {

src/theme/DocItem/Layout/styles.module.css

@@ -16,7 +16,7 @@
   overflow-wrap: break-word;
   word-wrap: break-word;
   hyphens: auto;
-  max-width: calc(100% - 150px);
+  max-width: calc(100% - 180px);
   line-height: 1.2;
 }
 
@@ -40,7 +40,7 @@
   .docTitle {
     margin-bottom: 0;
     font-size: 2rem;
-    max-width: calc(100% - 120px);
+    max-width: calc(100% - 150px);
   }
 }