From d726ef953fa21d12602e3bf42de1e3d01527165e Mon Sep 17 00:00:00 2001
From: Markus Haack <mhaack@adobe.com>
Date: Mon, 4 Dec 2023 12:23:52 +0100
Subject: [PATCH] fix: add stage url, remove converter test for production

---
 .github/workflows/deploy-converter.yaml |  1 -
 converter.yaml                          |  1 +
 styles/styles.css                       | 18 +++++++++++++-----
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/deploy-converter.yaml b/.github/workflows/deploy-converter.yaml
index fe6347a89..f3d2037a8 100644
--- a/.github/workflows/deploy-converter.yaml
+++ b/.github/workflows/deploy-converter.yaml
@@ -46,7 +46,6 @@ jobs:
           ${{ runner.os }}-build-
           ${{ runner.os }}-
     - run: npm ci
-    - run: npm run converter:test
     - run: npm run converter:build:prod
     - run: npm run converter:deploy -- convert/${ACTION_NAME}
       env:
diff --git a/converter.yaml b/converter.yaml
index 863de6259..22c2a81eb 100644
--- a/converter.yaml
+++ b/converter.yaml
@@ -8,4 +8,5 @@ suffix: ".html?wcmmode=disabled"
 # - https://www.example.com
 # - https://example.com
 liveUrls:
+  - https://stage.lifesciences.danaher.com
   - https://lifesciences.danaher.com
diff --git a/styles/styles.css b/styles/styles.css
index aa8f76d21..9e48fb7d9 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -296,6 +296,11 @@
     text-decoration-line: underline;
     text-decoration-color: #3bc7e5;
     text-decoration-thickness: 3px;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+    transition-duration: 700ms;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .application main .columns > div div > p:not(.button-container) a:hover {
@@ -303,11 +308,14 @@
     background-color: rgb(59 199 229 / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity));
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-    transition-duration: 150ms;
-    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+@media (min-width: 768px) {
+
+    .application main .columns > div div > p:not(.button-container) a {
+        overflow-wrap: normal;
+        word-break: normal;
+    }
 }
 
 .testimonial>div {