[NOREF] - Removed styling from pdf link (#654)

Removed styling from pdf link
CMS-Enterprise · Jul 31, 2023 · 6f20ba7 · 6f20ba7
1 parent 3cbe166
commit 6f20ba7
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 29 deletions.
diff --git a/src/components/ShareExport/__snapshots__/index.test.tsx.snap b/src/components/ShareExport/__snapshots__/index.test.tsx.snap
@@ -239,15 +239,24 @@ exports[`ShareExportModal matches the snapshot 1`] = `
                 class="line-height-mono-4"
               >
                 These are created in 
-                <a
-                  aria-label="Open AMS in a new tab"
-                  class="usa-link usa-link--external"
-                  href="https://ams.cmmi.cms.gov"
-                  rel="noopener noreferrer"
-                  target="_blank"
+                <span
+                  class="mint-no-print"
+                >
+                  <a
+                    aria-label="Open AMS in a new tab"
+                    class="usa-link usa-link--external"
+                    href="https://ams.cmmi.cms.gov"
+                    rel="noopener noreferrer"
+                    target="_blank"
+                  >
+                    CMMI Analysis & Management System (AMS).
+                  </a>
+                </span>
+                <span
+                  class="mint-only-print-inline"
                 >
                   CMMI Analysis & Management System (AMS).
-                </a>
+                </span>
                  Skip these fields until your model has been added to AMS. Not all models will have demo codes.
               </p>
               <div

diff --git a/src/stylesheets/print.scss b/src/stylesheets/print.scss
@@ -2,12 +2,17 @@
   .page-break {
     display: none;
   }
+
 }
 
 @media screen {
   .mint-only-print {
     display: none;
   }
+
+  .mint-only-print-inline {
+    display: none;
+  }
 }
 
 @media print {
@@ -19,6 +24,10 @@
     display: block !important;
   }
 
+  .mint-only-print-inline {
+    display: inline-block !important;
+  }
+
   .page-break {
     display: block !important;
     page-break-before: always;

diff --git a/src/views/ModelPlan/ReadOnly/ModelBasics/__snapshots__/index.test.tsx.snap b/src/views/ModelPlan/ReadOnly/ModelBasics/__snapshots__/index.test.tsx.snap
@@ -65,15 +65,24 @@ exports[`Read Only Model Plan Summary -- Model Basics matches snapshot 1`] = `
         class="line-height-mono-4"
       >
         These are created in 
-        <a
-          aria-label="Open AMS in a new tab"
-          class="usa-link usa-link--external"
-          href="https://ams.cmmi.cms.gov"
-          rel="noopener noreferrer"
-          target="_blank"
+        <span
+          class="mint-no-print"
+        >
+          <a
+            aria-label="Open AMS in a new tab"
+            class="usa-link usa-link--external"
+            href="https://ams.cmmi.cms.gov"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            CMMI Analysis & Management System (AMS).
+          </a>
+        </span>
+        <span
+          class="mint-only-print-inline"
         >
           CMMI Analysis & Management System (AMS).
-        </a>
+        </span>
          Skip these fields until your model has been added to AMS. Not all models will have demo codes.
       </p>
       <div

diff --git a/src/views/ModelPlan/ReadOnly/ModelBasics/index.tsx b/src/views/ModelPlan/ReadOnly/ModelBasics/index.tsx
@@ -152,15 +152,22 @@ const ReadOnlyModelBasics = ({
 
           <p className="line-height-mono-4">
             {planBasicsMiscT('otherIdentifiersInfo1')}
-            <TrussLink
-              aria-label="Open AMS in a new tab"
-              href="https://ams.cmmi.cms.gov"
-              target="_blank"
-              rel="noopener noreferrer"
-              variant="external"
-            >
+
+            <span className="mint-no-print">
+              <TrussLink
+                aria-label="Open AMS in a new tab"
+                href="https://ams.cmmi.cms.gov"
+                target="_blank"
+                rel="noopener noreferrer"
+                variant="external"
+              >
+                {planBasicsMiscT('otherIdentifiersInfo2')}
+              </TrussLink>
+            </span>
+
+            <span className="mint-only-print-inline">
               {planBasicsMiscT('otherIdentifiersInfo2')}
-            </TrussLink>
+            </span>
 
             {planBasicsMiscT('otherIdentifiersInfo3')}
           </p>

diff --git a/src/views/ModelPlan/ReadOnly/__snapshots__/index.test.tsx.snap b/src/views/ModelPlan/ReadOnly/__snapshots__/index.test.tsx.snap
@@ -636,15 +636,24 @@ exports[`Read Only Model Plan Summary matches snapshot 1`] = `
                         className="line-height-mono-4"
                       >
                         These are created in 
-                        <a
-                          aria-label="Open AMS in a new tab"
-                          className="usa-link usa-link--external"
-                          href="https://ams.cmmi.cms.gov"
-                          rel="noopener noreferrer"
-                          target="_blank"
+                        <span
+                          className="mint-no-print"
+                        >
+                          <a
+                            aria-label="Open AMS in a new tab"
+                            className="usa-link usa-link--external"
+                            href="https://ams.cmmi.cms.gov"
+                            rel="noopener noreferrer"
+                            target="_blank"
+                          >
+                            CMMI Analysis & Management System (AMS).
+                          </a>
+                        </span>
+                        <span
+                          className="mint-only-print-inline"
                         >
                           CMMI Analysis & Management System (AMS).
-                        </a>
+                        </span>
                          Skip these fields until your model has been added to AMS. Not all models will have demo codes.
                       </p>
                       <div