Closed rosieprom closed 4 years ago
@developerpeachy
I tested with the hotel TokenScript. If you change this:
.ticket {
background-image: ...;
border-radius: 15px;
display: flex;
flex-direction: column;
background-size: cover;
max-height: 99%;
width: 100%;
}
to:
.ticket {
background-image: ...;
border-radius: 15px;
display: flex;
flex-direction: column;
//background-size: cover;
background-size: contain;
background-repeat: no-repeat;
//max-height: 99%;
//height: auto;
width: 100%;
}
It looks like the height will work out right and preserve aspect ratio. It doesn't occupy the entire width of the screen. Not sure why. But it's probably good enough for the demo?
This is probably not quite right:
.left-content {
width: 75%;
}
If you run the web inspector, notice that the ticket does span the entire width as well as .ticket
, it's .left-content
that is too narrow.
Done the HTML/CSS for these tickets
** Still need to work through the xml code and parse through data in the template.
Need the TS for the following tickets so i can continue making front end
:)