kass/matteo-the-prestige
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

css updates and template fixes

Browse Source
This commit is contained in:
Elijah Steres 2021-01-01 16:24:02 -05:00
parent 971444fb4b
commit 09f55e8402
3 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
main_controller.py
View File

@ -127,13 +127,7 @@ def update_loop():
data_to_send.append({
'timestamp' : timestamp,
'league' : game_states[timestamp]['leagueoruser'] if game_states[timestamp]['is_league'] else '',
'html' : template.render(
state=game_states[timestamp],
base_filled="/static/img/base_filled.png",
base_empty="/static/img/base_empty.png",
out_out="/static/img/out_out.png",
out_in="/static/img/out_in.png"
)
'html' : template.render(state=game_states[timestamp])
})
socketio.emit("states_update", data_to_send)

27
static/games_page.css
View File

@ -33,11 +33,10 @@ div, button {
.container {
display: grid;
grid-template-columns: repeat(3, minmax(500px, 1fr));
grid-template-rows: 330px;
grid-gap: 50px 30px; /*space between rows, then columns*/
align-items: center;
justify-items: center;
grid-auto-rows: 300px;
grid-auto-rows: 335px;
grid-auto-flow: row;
}
@ -172,8 +171,8 @@ h2 {
grid-template-columns: 60% 40%;
grid-template-areas:
"teams info" "players info" "update update";
grid-template-rows: 100px;
grid-row-gap: 14px;
grid-template-rows: 90px;
grid-row-gap: 8px;
grid-column-gap: 10px;
flex: 1;
}
@ -193,6 +192,7 @@ h2 {
.team_name {
overflow: hidden;
white-space: nowrap;
}
.info {
@ -265,30 +265,35 @@ h2 {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
height: 100%;
padding-right: 50px;
align-items: start;
height: max-content;
}
.player {
display: flex;
justify-content: space-between;
align-items: end;
width: 100%;
max-width: 250px;
flex-direction: column;
}
.player_name {
overflow: hidden;
margin-left: 15px;
text-align: start;
white-space: nowrap;
width: 95%;
}
.update {
grid-area: update;
margin-right: 10px;
margin-top: 10px;
min-height: 50px;
}
.player_type {
width: 100%;
text-align: start;
}
.update_emoji, .update_text {
display: inline

6
templates/game.html
View File

@ -1,8 +1,8 @@
{% macro base(number) -%}
{% if state.bases[number] %}{{base_filled}}{% else %}{{base_empty}}{% endif %}
{% if state.bases[number] %}/static/img/base_filled.png{% else %}/static/img/base_empty.png{% endif %}
{%- endmacro %}
{% macro out(number) -%}
{% if number <= state.outs %}{{out_out}}{% else %}{{out_in}}{% endif %}
{% if number <= state.outs %}/static/img/out_out.png{% else %}/static/img/out_in.png{% endif %}
{%- endmacro %}
<div class="header">
@ -52,6 +52,6 @@
</div>
</div>
<div class="footer">
<div class="batting">{% if state.display_top_of_inning == true %}{{ state.away_name }}{% else %}{{ state.home_name }}{% endif %}</div>
<div class="batting">{% if state.display_top_of_inning == true %}{{ state.away_name }}{% else %}{{ state.home_name }}{% endif %} batting.</div>
<div class="leagueoruser">{{ state.leagueoruser }}</div>
</div>