Add highlight to preview pages

ONSdigital · Apr 15, 2024 · 164f092 · 164f092
1 parent 334a049
commit 164f092
Show file tree

Hide file tree

Showing 11 changed files with 9 additions and 60 deletions.
diff --git a/eq-author/src/App/history/HistoryItem.js b/eq-author/src/App/history/HistoryItem.js
@@ -69,16 +69,6 @@ const EventText = styled.div`
   p {
     margin: 0 0 1em;
     word-break: break-all;
-    em {
-      background-color: ${colors.highlightGreen};
-      font-style: normal;
-    }
-  }
-  h2 {
-    em {
-      background-color: ${colors.highlightGreen};
-      font-style: normal;
-    }
   }
   ul {
     margin-top: 0;
@@ -89,10 +79,6 @@ const EventText = styled.div`
       span {
         font-weight: bold;
       }
-      em {
-        background-color: ${colors.highlightGreen};
-        font-style: normal;
-      }
     }
   }
 `;

diff --git a/eq-author/src/App/introduction/Preview/IntroductionPreview/index.js b/eq-author/src/App/introduction/Preview/IntroductionPreview/index.js
@@ -22,11 +22,6 @@ const Container = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: ${colors.highlightGreen};
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: #e0e0e0;
     padding: 0 0.125em;

diff --git a/eq-author/src/App/page/Preview/CalculatedSummaryPreview.js b/eq-author/src/App/page/Preview/CalculatedSummaryPreview.js
@@ -25,11 +25,6 @@ const Container = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: #dce5b0;
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: #e0e0e0;
     padding: 0 0.125em;
@@ -130,7 +125,10 @@ const CalculatedSummaryPagePreview = ({ page }) => {
                   <Grid>
                     <Column cols={7}>
                       <SummaryTotalLabel data-test="total-title">
-                        {page.totalTitle.replace(/<\/?p>/g, "")}
+                        {
+                          /* Removes all HTML tags */
+                          page.totalTitle.replace(/<[^>]*>/g, "")
+                        }
                       </SummaryTotalLabel>
                     </Column>
                     <Column cols={3}>

diff --git a/eq-author/src/App/page/Preview/ListCollectorPagePreview.js b/eq-author/src/App/page/Preview/ListCollectorPagePreview.js
@@ -33,11 +33,6 @@ const Container = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: #dce5b0;
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: #e0e0e0;
     padding: 0 0.125em;

diff --git a/eq-author/src/App/page/Preview/ListCollectorPagePreviews/AddItemPagePreview/index.js b/eq-author/src/App/page/Preview/ListCollectorPagePreviews/AddItemPagePreview/index.js
@@ -32,11 +32,6 @@ const Container = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: ${colors.highlightGreen};
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: ${colors.pipingGrey};
     padding: 0 0.125em;

diff --git a/eq-author/src/App/page/Preview/ListCollectorPagePreviews/ConfirmationPagePreview/index.js b/eq-author/src/App/page/Preview/ListCollectorPagePreviews/ConfirmationPagePreview/index.js
@@ -20,11 +20,6 @@ const Container = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: ${colors.highlightGreen};
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: ${colors.pipingGrey};
     padding: 0 0.125em;

diff --git a/eq-author/src/App/page/Preview/ListCollectorPagePreviews/QualifierPagePreview/index.js b/eq-author/src/App/page/Preview/ListCollectorPagePreviews/QualifierPagePreview/index.js
@@ -20,11 +20,6 @@ const Container = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: ${colors.highlightGreen};
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: ${colors.pipingGrey};
     padding: 0 0.125em;

diff --git a/eq-author/src/App/page/Preview/QuestionPagePreview.js b/eq-author/src/App/page/Preview/QuestionPagePreview.js
@@ -29,11 +29,6 @@ const Container = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: #dce5b0;
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: #e0e0e0;
     padding: 0 0.125em;

diff --git a/eq-author/src/App/questionConfirmation/Preview/index.js b/eq-author/src/App/questionConfirmation/Preview/index.js
@@ -32,11 +32,6 @@ const Container = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: #dce5b0;
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: #5f7682;
     border-radius: 4px;

diff --git a/eq-author/src/App/section/Preview/SectionIntroPreview.js b/eq-author/src/App/section/Preview/SectionIntroPreview.js
@@ -15,11 +15,6 @@ const Wrapper = styled.div`
   p:last-of-type {
     margin-bottom: 0;
   }
-  em {
-    background-color: #dce5b0;
-    padding: 0 0.125em;
-    font-style: normal;
-  }
   span[data-piped] {
     background-color: #e0e0e0;
     padding: 0 0.125em;

diff --git a/eq-author/src/components/preview/elements/PageTitle.js b/eq-author/src/components/preview/elements/PageTitle.js
@@ -8,6 +8,11 @@ const Title = styled.h1`
   font-size: 1.4em;
   margin: 0 0 1em;
   word-wrap: break-word;
+  strong {
+    background-color: #dce5b0;
+    padding: 0 0.125em;
+    font-style: normal;
+  }
 `;
 
 const PageTitle = ({ title, missingText = "Missing Page Title" }) => {