text inside markdown

Author: RafaelGB

src/components/TableRow.tsx

@@ -3,7 +3,7 @@ import { RowDataType } from "cdm/FolderModel";
 import { StyleVariables } from "helpers/Constants";
 import { c } from "helpers/StylesHelper";
 import { Literal } from "obsidian-dataview";
-import React from "react";
+import React, { CSSProperties } from "react";
 import { MdFileComponent } from "components/obsidianArq/embedMdInteractive";
 import { TableRowProps } from "cdm/RowTypeModel";
 
@@ -38,9 +38,11 @@ export default function TableRow(tableRowProps: TableRowProps) {
                 className={`${c(
                   "td" + (cellIndex === 0 ? " row-context-menu" : "")
                 )} data-input`}
-                style={{
-                  fontSize: `${fontSize}px`,
-                }}
+                style={
+                  {
+                    "--dbfolder-font-size": `${fontSize}px`,
+                  } as CSSProperties
+                }
               >
                 {flexRender(cell.column.columnDef.cell, cell.getContext())}
               </div>

styles.css

@@ -3,6 +3,7 @@
 ******************/
 .database-plugin__container {
   --dbfolder-line-height: 1rem;
+  --dbfolder-font-size: 16px;
 }
 /*****************
 *      Base
@@ -126,11 +127,14 @@ div.database-plugin__td.data-input:hover {
   text-align: -webkit-center;
   vertical-align: middle;
   line-height: var(--dbfolder-line-height);
+  font-size: var(--dbfolder-font-size);
 }
 
 .database-plugin__td.data-input p {
   margin: 0;
+  font-size: var(--dbfolder-font-size);
 }
+
 /** children of data-input fills parent div*/
 .data-input > * {
   border: none;