web: Support align embed/object attribute (part of #4258)

ruffle-rs · Dec 27, 2024 · e8b2415 · e8b2415
1 parent 333cebe
commit e8b2415
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/web/packages/core/src/internal/player/inner.tsx b/web/packages/core/src/internal/player/inner.tsx
@@ -489,6 +489,36 @@ export class InnerPlayer {
                 }
             }
 
+            const alignAttr = this.element.attributes.getNamedItem("align");
+            if (alignAttr !== undefined && alignAttr !== null) {
+                const alignValue = alignAttr.value.toLowerCase();
+
+                const alignCSS = (() => {
+                    switch (alignValue) {
+                        case "right":
+                            return "vertical-align: top; float: right;";
+                        case "left":
+                            return "vertical-align: top; float: left;";
+                        case "bottom":
+                            return "vertical-align: baseline;";
+                        case "top":
+                            return "vertical-align: top;";
+                        case "center":
+                            return "vertical-align: middle;";
+                        case "middle":
+                            return "vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline;";
+                        default:
+                            return "";
+                    }
+                })();
+
+                if (alignCSS) {
+                    this.dynamicStyles.sheet.insertRule(
+                        `:host { ${alignCSS} }`
+                    );
+                }
+            }
+
             const widthAttr = this.element.attributes.getNamedItem("width");
             if (widthAttr !== undefined && widthAttr !== null) {
                 const width = InnerPlayer.htmlDimensionToCssDimension(