fix broadcast layout

sync_v2
Raz 6 months ago
parent 24e1fcab1b
commit 158a54d770
  1. 2
      tournaments/static/tournaments/js/tournament_bracket.js
  2. 2
      tournaments/templates/tournaments/broadcast/broadcast.html
  3. 6
      tournaments/templates/tournaments/broadcast/broadcasted_auto_event.html
  4. 1
      tournaments/templates/tournaments/broadcast/broadcasted_bracket.html
  5. 2
      tournaments/templates/tournaments/broadcast/broadcasted_group_stages.html
  6. 2
      tournaments/templates/tournaments/broadcast/broadcasted_matches.html
  7. 2
      tournaments/templates/tournaments/broadcast/broadcasted_prog.html
  8. 2
      tournaments/templates/tournaments/broadcast/broadcasted_rankings.html
  9. 2
      tournaments/templates/tournaments/broadcast/broadcasted_summons.html

@ -39,7 +39,7 @@ function renderBracket(options) {
if (doubleButterflyMode == true && roundCount > 1) {
roundTotalCount = roundCount - 1;
}
const padding = (15 - roundTotalCount / 1.5 + 20 + 20) * roundTotalCount; // Account for some padding/margin
const padding = 50 * roundTotalCount; // Account for some padding/margin
const availableWidth = screenWidth - padding;
responsiveMatchWidth = Math.floor(availableWidth / roundTotalCount);

@ -22,7 +22,7 @@
{% block content %}
<div class="grid-x">
<div class="cell medium-6 large-6 topblock padding10">
<div class="cell medium-6 large-6 topblock">
<div class="bubble">
<div><a href="{% url 'automatic-broadcast' tournament.id %}">Automatique</a></div>
<div><a href="{% url 'broadcasted-matches' tournament.id %}">Matchs</a></div>

@ -202,7 +202,7 @@
<template x-for="i in paginatedSummons.length">
<template x-for="column in paginatedSummons[i-1]">
<div class="cell medium-6 large-6 topblock padding10" x-show="active === i">
<div class="cell medium-6 large-6 topblock" x-show="active === i">
{% include 'tournaments/broadcast/broadcasted_summon.html' %}
</div>
</template>
@ -210,7 +210,7 @@
<template x-for="i in paginatedMatches.length" >
<template x-for="match in paginatedMatches[i-1]" >
<div class="cell medium-6 large-3 padding10" x-show="active === i + paginatedSummons.length">
<div class="cell medium-6 large-3" x-show="active === i + paginatedSummons.length">
{% include 'tournaments/broadcast/broadcasted_match.html' %}
</div>
</template>
@ -218,7 +218,7 @@
<template x-for="i in paginatedGroupStages.length">
<template x-for="group_stage in paginatedGroupStages[i-1]">
<div class="cell medium-6 large-3 padding10" x-show="active === i + paginatedSummons.length + paginatedMatches.length">
<div class="cell medium-6 large-3" x-show="active === i + paginatedSummons.length + paginatedMatches.length">
{% include 'tournaments/broadcast/broadcasted_group_stage.html' %}
</div>
</template>

@ -4,6 +4,7 @@
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="{% static 'tournaments/css/foundation.min.css' %}" />
<link rel="stylesheet" href="{% static 'tournaments/css/basics.css' %}" />
<link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />

@ -85,7 +85,7 @@
<template x-for="i in paginatedGroupStages.length" >
<template x-for="group_stage in paginatedGroupStages[i-1]" >
<div class="cell medium-6 large-3 padding10" x-show="active === i">
<div class="cell medium-6 large-3" x-show="active === i">
{% include 'tournaments/broadcast/broadcasted_group_stage.html' %}

@ -83,7 +83,7 @@
<template x-for="i in paginatedMatches.length" >
<template x-for="match in paginatedMatches[i-1]" >
<div class="cell medium-6 large-3 padding10" x-show="active === i">
<div class="cell medium-6 large-3" x-show="active === i">
{% include 'tournaments/broadcast/broadcasted_match.html' %}

@ -83,7 +83,7 @@
<template x-for="i in paginatedMatches.length" >
<template x-for="match in paginatedMatches[i-1]" >
<div class="cell medium-6 large-3 padding10" x-show="active === i">
<div class="cell medium-6 large-3" x-show="active === i">
<template x-if="!match.empty">
{% include 'tournaments/broadcast/broadcasted_match.html' %}

@ -64,7 +64,7 @@
<div class="grid-x">
<template x-for="i in paginatedRankings.length" >
<template x-for="column in paginatedRankings[i-1]" >
<div class="cell medium-6 large-6 topblock padding10" x-show="active === i">
<div class="cell medium-6 large-6 topblock" x-show="active === i">
{% include 'tournaments/broadcast/broadcasted_ranking.html' %}
</div>
</template>

@ -64,7 +64,7 @@
<div class="grid-x">
<template x-for="i in paginatedMatches.length" >
<template x-for="column in paginatedMatches[i-1]" >
<div class="cell medium-6 large-6 topblock padding10" x-show="active === i">
<div class="cell medium-6 large-6 topblock" x-show="active === i">
{% include 'tournaments/broadcast/broadcasted_summon.html' %}

Loading…
Cancel
Save