NineWorlds / xstreamer

XStreamer X-Wing Squad and Imperial Assault Army Helper for Twitch and YouTube Streamers
MIT License
8 stars 3 forks source link

Create Epic Squad Template #41

Closed kingargyle closed 7 years ago

kingargyle commented 7 years ago

For OutRyder Cup and the Epic Round it will display a two column listing.

This should be able to be done by a Wrapper element like the following:

<div class='wrap'>
    <div class = "blocks">div 1</div>
    <div class = "blocks">div 2</div>
    <div class = "blocks">div 3</div>
    <div class = "blocks">div 4</div>
</div>

The CSS for this would look similar to the following to force a 2 column by 2 row listing at 900 pixels wide.

.blocks {
    display: inline-block;
    border: solid 1px red;
    width: 400px;
}

.wrap{
    width:900px;
}

This should give enough space to display most Epic lists.

Usage can be to display this in a separate scene or as an optional overlay on the existing screen while dials are being set.

kingargyle commented 7 years ago

Layouts can be tested here.

http://jsfiddle.net/FhL4u/2/