Adding spaces to SugarCube 1.x button text

Claretta · January 2017

So I am trying to make sugarcube buttons the same size with different text. E.g.

<<button "six">>

<<button "sixty">>

I first tried adding a non-breaking space either side of the "six" to bring it up to five characters, but a nonbreaking space entity doesn't register - it gets typed out in full in the buttons.

&nbsp;six&nbsp;

Is there another way to do this?

TheMadExile · January 2017

IIRC, the way SugarCube v1 handles <<button>> text means you need to use the JavaScript Unicode escapes. For example:

<<button "\u00A0six\u00A0">>…<</button>>

That said, unless you've changed the font to be monospaced, you're never going to be able to get the widths perfect doing that—and it's kind of a hassle anyway. You're better off using some HTML & CSS to set the widths of the generated <button> elements. For example:

<span class="fixed-buttons">\
<<button "six">>…<</button>>
<<button "sixty">>…<</button>>\
</span>

.fixed-buttons button {
	width: 5em;
}

Claretta · January 2017

Awesome, thanks so much.

Howdy, Stranger!

Categories

Adding spaces to SugarCube 1.x button text

Comments