Tweak graphics to fit five-digit team numbers.

Team254 · Jun 9, 2024 · e6ef4fb · e6ef4fb
1 parent 833e5c8
commit e6ef4fb
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 22 deletions.
diff --git a/static/css/alliance_station_display.css b/static/css/alliance_station_display.css
@@ -121,7 +121,7 @@ body[data-position=right] #inMatch #blueScore {
   left: 0;
   right: 0;
   margin: 0 auto;
-  font-size: 35vw;
+  font-size: 28vw;
   line-height: 450px;
   text-align: center;
 }

diff --git a/static/css/audience_display.css b/static/css/audience_display.css
@@ -62,7 +62,7 @@ html {
   border-left: none;
 }
 .teams {
-  width: 60px;
+  width: 70px;
   height: 100%;
   display: none;
   flex-direction: column;

diff --git a/static/css/field_monitor_display.css b/static/css/field_monitor_display.css
@@ -55,7 +55,7 @@ body {
   display: none;
 }
 .left-position, .right-position {
-  width: 8%;
+  width: 6%;
   height: 100%;
   font-size: 6vw;
 }
@@ -69,7 +69,7 @@ body {
   display: none;
 } 
 .team {
-  width: 42%;
+  width: 44%;
   height: 100%;
   background-color: #333;
   display: flex;
@@ -78,7 +78,7 @@ body {
 .team-id {
   width: 100%;
   height: 80%;
-  font-size: 13vw;
+  font-size: 12vw;
 }
 .team-id[data-fta="true"] {
   height: 40%;

diff --git a/static/css/queueing_display.css b/static/css/queueing_display.css
@@ -62,10 +62,13 @@ body {
 }
 .alliance-container {
   display: flex;
-  height: 192px;
+  height: 144px;
   justify-content: space-between;
   align-items: center;
 }
+.alliance-tall {
+  height: 192px;
+}
 .alliance-number {
   width: 40px;
   height: 40px;

diff --git a/static/css/wall_display.css b/static/css/wall_display.css
@@ -62,7 +62,7 @@ html {
   border-left: none;
 }
 .teams {
-  width: 60px;
+  width: 70px;
   height: 100%;
   display: none;
   flex-direction: column;

diff --git a/templates/bracket.svg b/templates/bracket.svg
diff --git a/templates/queueing_display_match_load.html b/templates/queueing_display_match_load.html
@@ -42,15 +42,15 @@ <h1 class="mt-2">{{$match.Time.Local.Format "3:04 PM"}}</h1>
         <div class="col-lg-2 red-teams">
           {{if $match.Red1}}
           <div class="row">
-            <div class="col-lg-7">
+            <div class="col-lg-8">
               {{$match.Red1}}<br />{{$match.Red2}}<br />{{$match.Red3}}
               {{range $team := (index $.RedOffFieldTeams $i) }}
               <br />{{$team}}
               {{end}}
             </div>
-            <div class="col-lg-5">
+            <div class="col-lg-4">
               {{if $match.PlayoffRedAlliance}}
-                <div class="alliance-container">
+                <div class="alliance-container{{if (index $.RedOffFieldTeams $i)}} alliance-tall{{end}}">
                   <div class="alliance-number">{{$match.PlayoffRedAlliance}}</div>
                 </div>
               {{end}}
@@ -61,15 +61,15 @@ <h1 class="mt-2">{{$match.Time.Local.Format "3:04 PM"}}</h1>
         <div class="col-lg-2 blue-teams text-end">
           {{if $match.Blue1}}
           <div class="row">
-            <div class="col-lg-5">
+            <div class="col-lg-4">
               {{if $match.PlayoffBlueAlliance}}
-                <div class="alliance-container">
+                <div class="alliance-container{{if (index $.BlueOffFieldTeams $i)}} alliance-tall{{end}}">
                   <div></div>
                   <div class="alliance-number">{{$match.PlayoffBlueAlliance}}</div>
                 </div>
               {{end}}
             </div>
-            <div class="col-lg-7">
+            <div class="col-lg-8">
               {{$match.Blue1}}<br />{{$match.Blue2}}<br />{{$match.Blue3}}
               {{range $team := (index $.BlueOffFieldTeams $i) }}
               <br />{{$team}}