Merge pull request #17 from junyiacademy/feat/alignment

Feat: Apply alignment style
junyiacademy · Apr 25, 2024 · c0eff8f · c0eff8f
2 parents dfaffda + 552cd64
commit c0eff8f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/package.json b/packages/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@junyiacademy/perseus-core",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",

diff --git a/packages/perseus/src/widget-container.tsx b/packages/perseus/src/widget-container.tsx
@@ -93,7 +93,9 @@ class WidgetContainer extends React.Component<Props, State> {
             alignment = Widgets.getDefaultAlignment(type);
         }
 
-        className += " widget-" + alignment;
+        const alignmentStyles = {
+            display: alignment,
+        };
 
         const apiOptions = this.state.widgetProps.apiOptions;
 
@@ -135,7 +137,11 @@ class WidgetContainer extends React.Component<Props, State> {
         return (
             <div
                 className={className}
-                style={isStatic ? staticContainerStyles : {}}
+                style={
+                    isStatic
+                        ? {...staticContainerStyles, ...alignmentStyles}
+                        : alignmentStyles
+                }
             >
                 <DependenciesContext.Consumer>
                     {({analytics}) => (