dkforest

commit 266b4501b0b4ab167f0b9480ababf6989b8a0619
parent 675b4c34aff0ee503f69311147cab3cc08a20cb9
Author: n0tr1v <n0tr1v@protonmail.com>
Date:   Fri, 16 Jun 2023 20:36:09 -0700

improve graph css

Diffstat:
M
pkg/web/handlers/chess.go
 | 
7
+++----
M
pkg/web/handlers/interceptors/chess.go
 | 
2
+-

2 files changed, 4 insertions(+), 5 deletions(-)
diff --git a/pkg/web/handlers/chess.go b/pkg/web/handlers/chess.go
@@ -258,6 +258,8 @@ func ChessGameStatsHandler(c echo.Context) error {
 	border: 0px solid #000;
 	background-color: #666;
 	box-sizing: border-box;
+	width: 100%;
+	table-layout: fixed;
 }
 .graph tr { height: 240px; }
 .graph td {
@@ -274,7 +276,7 @@ func ChessGameStatsHandler(c echo.Context) error {
 }
 .graph .column-wrapper-wrapper {
 	height: 100%;
-	width: {{ .ColumnWidth }}px;
+	width: 100%;
 	position: relative;
 	border: none;
 	background-color: transparent;
@@ -371,7 +373,6 @@ func ChessGameStatsHandler(c echo.Context) error {
 
 	moveIdx := currMoveIdx
 	const graphWidth = 800
-	var columnWidth = 1.0
 
 	var stats *interceptors.AnalyseResult
 	_ = json.Unmarshal(g.DbChessGame.Stats, &stats)
@@ -404,7 +405,6 @@ func ChessGameStatsHandler(c echo.Context) error {
 	var bestMove string
 	if stats != nil {
 		if len(stats.Scores) > 0 {
-			columnWidth = math.Max(graphWidth/float64(len(stats.Scores)), 1)
 			if moveIdx > 0 {
 				bestMove = stats.Scores[moveIdx-1].BestMove
 			}
@@ -413,7 +413,6 @@ func ChessGameStatsHandler(c echo.Context) error {
 	interceptors.ChessPubSub.Pub(key+"_"+authUser.Username.String(), interceptors.ChessMove{MoveIdx: moveIdx, BestMove: bestMove})
 
 	data["Stats"] = stats
-	data["ColumnWidth"] = columnWidth
 	data["MoveIdx"] = moveIdx
 
 	var buf1 bytes.Buffer
diff --git a/pkg/web/handlers/interceptors/chess.go b/pkg/web/handlers/interceptors/chess.go
@@ -493,7 +493,7 @@ func (g *ChessGame) drawPlayerCard(moveIdx int, key string, isBlack, isSpectator
 			</table>
 
 			{{ if .Stats }}
-				<iframe name="iframeStats" src="/chess/{{ .Key }}/stats" style="width: 800px; height: 240px; margin: 10px 0; border: 3px solid black;"></iframe>
+				<iframe name="iframeStats" src="/chess/{{ .Key }}/stats" style="width: 100%; height: 240px; margin: 10px 0; border: 3px solid black;"></iframe>
 				{{ if .IsAnalysed }}
 					<div style="color: #eee;">White accuracy: <span id="white-accuracy">{{ .WhiteAccuracy | pct }}</span></div>
 					<div style="color: #eee;">Black accuracy: <span id="black-accuracy">{{ .BlackAccuracy | pct }}</span></div>