From 47895246065408eed330bc2d6b655c49976b61df Mon Sep 17 00:00:00 2001
From: Nathan-SR <144961007+Nathan-SR@users.noreply.github.com>
Date: Mon, 2 Sep 2024 03:47:54 -0400
Subject: dynamic text size and styles

---
 src/client/views/nodes/formattedText/FormattedTextBox.scss | 12 +++++++++++-
 src/client/views/nodes/formattedText/FormattedTextBox.tsx  |  3 +++
 2 files changed, 14 insertions(+), 1 deletion(-)

(limited to 'src/client/views/nodes/formattedText')

diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.scss b/src/client/views/nodes/formattedText/FormattedTextBox.scss
index 15ce9ec8f..d6fd81f83 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.scss
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.scss
@@ -22,13 +22,23 @@
 
     &.h-left * {
         display: flex;
-        justify-content: flex-start;
+        justify-content: flex-start; 
     }
 
     &.h-right * {
         display: flex;
         justify-content: flex-end;
     }
+
+    &.template * {
+        ::-webkit-scrollbar-track {
+            background: none; 
+        }
+    }
+
+    &.bold * {
+        font-weight: bold;
+    }
 }
 
 .ProseMirror:focus {
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.tsx b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
index 2f36a2379..54e6c0add 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.tsx
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
@@ -65,6 +65,7 @@ import { removeMarkWithAttrs } from './prosemirrorPatches';
 import { RichTextMenu, RichTextMenuPlugin } from './RichTextMenu';
 import { RichTextRules } from './RichTextRules';
 import { schema } from './schema_rts';
+import { Property } from 'csstype';
 // import * as applyDevTools from 'prosemirror-dev-tools';
 
 export interface FormattedTextBoxProps extends FieldViewProps {
@@ -2113,6 +2114,8 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FormattedTextB
                                 paddingTop: StrCast(this.layoutDoc._textBoxPaddingY, `${paddingY}px`),
                                 paddingBottom: StrCast(this.layoutDoc._textBoxPaddingY, `${paddingY}px`),
                                 color: StrCast(this.layoutDoc.text_fontColor),
+                                fontWeight: `${this.layoutDoc.contentBold ? 'bold' : ''}`,
+                                textTransform: `${this.layoutDoc.textTransform}` as Property.TextTransform,
                             }}
                         />
                     </div>
-- 
cgit v1.2.3-70-g09d2