fix: APPS-3040 bold is not working in FTVA RichText (#645)

update ftvaRichText css, stories & design-tokens
UCLALibrary · Oct 29, 2024 · 202f70a · 202f70a · github-actions · Oct 29, 2024
1 parent 94cd2ed
commit 202f70a
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -73,7 +73,7 @@
     "sass": "^1.79.5",
     "storybook": "^7.4.1",
     "typescript": "^5.6.3",
-    "ucla-library-design-tokens": "^5.27.0",
+    "ucla-library-design-tokens": "^5.27.1",
     "video.js": "^8.5.2",
     "vite": "^5.4.8",
     "vite-svg-loader": "^5.1.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/stories/mock/RichText.js b/src/stories/mock/RichText.js
diff --git a/src/styles/ftva/_rich-text.scss b/src/styles/ftva/_rich-text.scss
@@ -24,16 +24,20 @@
     color: $body-grey;
   }
 
+  :deep(strong) {
+    font-weight: 600;
+  }
+
   :deep(a) {
     color: $body-grey;
     -webkit-text-decoration-color: $grey-blue;
-            text-decoration-color: $grey-blue;
+    text-decoration-color: $grey-blue;
     text-decoration-thickness: 3px;
     text-underline-offset: 4px;
 
     &:hover {
       -webkit-text-decoration-color: $bright-blue;
-              text-decoration-color: $bright-blue;
+      text-decoration-color: $bright-blue;
     }
   }
 
@@ -101,7 +105,7 @@
     background-position: left;
     padding: .15rem;
     -webkit-filter: invert(98%) sepia(131%) saturate(1029%) hue-rotate(196deg) brightness(130%) contrast(68%);
-            filter: invert(98%) sepia(131%) saturate(1029%) hue-rotate(196deg) brightness(130%) contrast(68%);
+    filter: invert(98%) sepia(131%) saturate(1029%) hue-rotate(196deg) brightness(130%) contrast(68%);
   }
 
   :deep(table) {