| @@ -53,12 +53,16 @@ | ||
| 53 | 53 | export const textAttributeDefaults: TextElementAttributes = { |
| 54 | 54 | content: "", |
| 55 | 55 | align: "left", |
| 56 | 56 | styles: { |
| 57 | - textColor: "#000000", | |
| 57 | + // No colour of its own: the text takes the row's (and through it the | |
| 58 | + // theme's), the way the core Table block does. | |
| 59 | + textColor: "", | |
| 58 | 60 | linkColor: "", |
| 59 | 61 | backgroundColor: "", |
| 60 | - fontSize: "1.38rem", | |
| 62 | + // No size of its own: the text takes the table's (and through it | |
| 63 | + // the theme's) font size, the way the core Table block does. | |
| 64 | + fontSize: "", | |
| 61 | 65 | padding: { ...emptySides }, |
| 62 | 66 | margin: { ...emptySides }, |
| 63 | 67 | }, |
| 64 | 68 | }; |
| @@ -292,10 +296,10 @@ | ||
| 292 | 296 | "--tableberg-text-link-color": linkColor || undefined, |
| 293 | 297 | }; |
| 294 | 298 | |
| 295 | 299 | const elementClassName = `tableberg-text-element${ |
| 296 | - dynamicBindingEnabled ? " tableberg-dynamic-content" : "" | |
| 297 | - }`; | |
| 300 | + linkColor ? " tableberg-has-link-color" : "" | |
| 301 | + }${dynamicBindingEnabled ? " tableberg-dynamic-content" : ""}`; | |
| 298 | 302 | |
| 299 | 303 | if (isDynamicLoading) { |
| 300 | 304 | return ( |
| 301 | 305 | <p className={elementClassName} style={textStyle}> |
