only font-family applied on table and code elements (#1399)

* only font-family applied on table and code elements

* tests fixed

* test fixes

fastn-js/js/utils.js

@@ -284,7 +284,11 @@ let fastn_utils = {
 
             codeElements.forEach(code => {
                 roleClasses.forEach(roleClass => {
-                    code.classList.add(roleClass);
+                    var roleCls = '.' + roleClass;
+                    let role = fastn_dom.classes[roleCls];
+                    let roleValue = role['value'];
+                    let fontFamily = roleValue['font-family'];
+                    code.style.fontFamily = fontFamily;
                 });
             });
 

ftd/src/js/element.rs

@@ -1160,6 +1160,11 @@ impl Text {
         let mut component_statements = vec![];
         let kernel = create_element(fastn_js::ElementKind::Text, parent, index, rdata);
         component_statements.push(fastn_js::ComponentStatement::CreateKernel(kernel.clone()));
+        component_statements.extend(self.common.to_set_properties(
+            kernel.name.as_str(),
+            doc,
+            rdata,
+        ));
         component_statements.push(fastn_js::ComponentStatement::SetProperty(
             fastn_js::SetProperty {
                 kind: fastn_js::PropertyKind::StringValue,
@@ -1168,11 +1173,6 @@ impl Text {
                 inherited: rdata.inherited_variable_name.to_string(),
             },
         ));
-        component_statements.extend(self.common.to_set_properties(
-            kernel.name.as_str(),
-            doc,
-            rdata,
-        ));
         component_statements.extend(self.text_common.to_set_properties(
             kernel.name.as_str(),
             doc,