Working on stacked buttons.

lib/pixi/abstractpopup.js

@@ -83,12 +83,10 @@ export default class AbstractPopup extends PIXI.Graphics {
 
         if (this.opts.maxWidth) {
             this.headerStyle.wordWrap = true
-            this.headerStyle.wordWrapWidth =
-                this.opts.maxWidth - 2 * this.opts.padding
+            this.headerStyle.wordWrapWidth = this.opts.maxWidth - 2 * this.opts.padding
 
             this.textStyle.wordWrap = true
-            this.textStyle.wordWrapWidth =
-                this.opts.maxWidth - 2 * this.opts.padding
+            this.textStyle.wordWrapWidth = this.opts.maxWidth - 2 * this.opts.padding
         }
 
         this.alpha = 0
@@ -131,10 +129,7 @@ export default class AbstractPopup extends PIXI.Graphics {
             if (this.opts.header instanceof PIXI.Text) {
                 header = this.opts.header
             } else if (typeof this.opts.header === 'number') {
-                header = new PIXI.Text(
-                    this.opts.header.toString(),
-                    this.headerStyle
-                )
+                header = new PIXI.Text(this.opts.header.toString(), this.headerStyle)
             } else {
                 header = new PIXI.Text(this.opts.header, this.headerStyle)
             }
@@ -161,10 +156,7 @@ export default class AbstractPopup extends PIXI.Graphics {
             if (typeof this.opts.content === 'string') {
                 content = new PIXI.Text(this.opts.content, this.textStyle)
             } else if (typeof this.opts.content === 'number') {
-                content = new PIXI.Text(
-                    this.opts.content.toString(),
-                    this.textStyle
-                )
+                content = new PIXI.Text(this.opts.content.toString(), this.textStyle)
             } else {
                 content = this.opts.content
             }
@@ -235,31 +227,16 @@ export default class AbstractPopup extends PIXI.Graphics {
      * @return {AbstractPopup} A reference to the popup for chaining.
      */
     draw() {
-        const square =
-            Math.round(this.wantedWidth) === Math.round(this.wantedHeight)
+        const square = Math.round(this.wantedWidth) === Math.round(this.wantedHeight)
         const diameter = Math.round(this.opts.radius * 2)
 
         this.clear()
-        this.lineStyle(
-            this.opts.strokeWidth,
-            this.opts.stroke,
-            this.opts.strokeAlpha
-        )
+        this.lineStyle(this.opts.strokeWidth, this.opts.stroke, this.opts.strokeAlpha)
         this.beginFill(this.opts.fill, this.opts.fillAlpha)
         if (square && diameter === this.wantedWidth) {
-            this.drawCircle(
-                this.wantedWidth / 2,
-                this.wantedHeight / 2,
-                this.opts.radius
-            )
+            this.drawCircle(this.wantedWidth / 2, this.wantedHeight / 2, this.opts.radius)
         } else {
-            this.drawRoundedRect(
-                0,
-                0,
-                this.wantedWidth,
-                this.wantedHeight,
-                this.opts.radius
-            )
+            this.drawRoundedRect(0, 0, this.wantedWidth, this.wantedHeight, this.opts.radius)
         }
         this.endFill()