alignment

Author: RafaelGB

src/components/portals/SelectPortal.tsx

@@ -94,8 +94,7 @@ const SelectPortal = (popperProps: CellComponentProps) => {
           menuPortalTarget={activeDocument.body}
           menuPlacement="auto"
           menuShouldBlockScroll={true}
-          className="react-select-container"
-          classNamePrefix="react-select"
+          className={c("text-align-center")}
           key={`${tableColumn.key}-select-open`}
         />
       </div>
@@ -109,7 +108,7 @@ const SelectPortal = (popperProps: CellComponentProps) => {
       ) : (
         /* Current value of the select */
         <div
-          className="cell-padding d-flex cursor-default align-items-center flex-1"
+          className={`cell-padding d-flex ${c("text-align-center")}`}
           onClick={() => setShowSelect(true)}
           style={{ width: column.getSize() }}
         >

src/components/portals/TagsPortal.tsx

@@ -107,10 +107,9 @@ const TagsPortal = (tagsProps: CellComponentProps) => {
           onBlur={() => setShowSelectTags(false)}
           onChange={handleOnChange}
           menuPortalTarget={activeDocument.body}
+          className={c("tags-container text-align-center")}
           menuPlacement="auto"
           menuShouldBlockScroll={true}
-          className="react-select-container"
-          classNamePrefix="react-select"
         />
       </div>
     );
@@ -121,9 +120,7 @@ const TagsPortal = (tagsProps: CellComponentProps) => {
         ? TagsForm()
         : tagsState && (
             <div
-              className={
-                c("tags-container") + " cell-padding d-flex flex-wrap-wrap"
-              }
+              className={c("tags-container text-align-center")}
               onClick={() => setShowSelectTags(true)}
               style={{ width: column.getSize() }}
             >

src/components/styles/TextAlignmentSelector.tsx

@@ -3,13 +3,11 @@ import FormatAlignLeftIcon from "@mui/icons-material/FormatAlignLeft";
 import FormatAlignCenterIcon from "@mui/icons-material/FormatAlignCenter";
 import FormatAlignRightIcon from "@mui/icons-material/FormatAlignRight";
 import FormatAlignJustifyIcon from "@mui/icons-material/FormatAlignJustify";
-import WrapTextIcon from "@mui/icons-material/WrapText";
 import Stack from "@mui/material/Stack";
 import ToggleButton from "@mui/material/ToggleButton";
 import ToggleButtonGroup from "@mui/material/ToggleButtonGroup";
 import { TextAlignmentProps } from "cdm/StyleModel";
 import { COLUMN_ALIGNMENT_OPTIONS, StyleVariables } from "helpers/Constants";
-import Divider from "@mui/material/Divider";
 
 export default function TextAlignmentSelector(props: TextAlignmentProps) {
   const { modal, columnKey, currentAlignment } = props;

src/parsers/RowDatabaseFieldsToFile.ts

@@ -6,13 +6,12 @@ import { DataviewService } from "services/DataviewService";
 export const parseFrontmatterFieldsToString = (databaseFields: RowDatabaseFields, deletedColumn?: string): string => {
     const frontmatterFields = databaseFields.frontmatter;
     delete frontmatterFields[deletedColumn];
-    let array: string[] = [];
+    let stringify: string = "";
     if (Object.keys(frontmatterFields).length > 0) {
         const stringifiedFrontmatter = stringifyYaml(frontmatterFields);
-        console.log(stringifiedFrontmatter);
-        array = [`---`, stringifiedFrontmatter, `---`];
+        stringify = `---\n${stringifiedFrontmatter}---`;
     }
-    return array.join('\n');
+    return stringify;
 }
 
 export const parseInlineFieldsToString = (inlineFields: RowDatabaseFields): string => {