slightly better overflow :\

LiveCodeBench · Mar 14, 2024 · b891534 · b891534
1 parent b4085a6
commit b891534
Show file tree

Hide file tree

Showing 10 changed files with 28 additions and 15 deletions.
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -1,13 +1,13 @@
 {
   "files": {
-    "main.css": "./static/css/main.10eb9168.css",
-    "main.js": "./static/js/main.32895ddd.js",
+    "main.css": "./static/css/main.be588df3.css",
+    "main.js": "./static/js/main.3c0c682c.js",
     "index.html": "./index.html",
-    "main.10eb9168.css.map": "./static/css/main.10eb9168.css.map",
-    "main.32895ddd.js.map": "./static/js/main.32895ddd.js.map"
+    "main.be588df3.css.map": "./static/css/main.be588df3.css.map",
+    "main.3c0c682c.js.map": "./static/js/main.3c0c682c.js.map"
   },
   "entrypoints": [
-    "static/css/main.10eb9168.css",
-    "static/js/main.32895ddd.js"
+    "static/css/main.be588df3.css",
+    "static/js/main.3c0c682c.js"
   ]
 }
diff --git a/build/leaderboard.html b/build/leaderboard.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><title>LiveCodeBench Leaderboard</title><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="LiveCodeBench Leaderboard"/><link rel="stylesheet" href="bootstrap.min.css"/><link rel="stylesheet" href="./css/bulma.min.css"/><link rel="stylesheet" href="./css/bulma-carousel.min.css"/><link rel="stylesheet" href="./css/bulma-slider.min.css"/><link rel="stylesheet" href="./css/fontawesome.all.min.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"/><link rel="stylesheet" href="./css/index.css"/><link rel="icon" href="./images/favicon.svg"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script defer="defer" src="./js/fontawesome.all.min.js"></script><script src="./js/bulma-carousel.min.js"></script><script src="./js/bulma-slider.min.js"></script><script src="./js/index.js"></script><script defer="defer" src="./static/js/main.32895ddd.js"></script><link href="./static/css/main.10eb9168.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><title>LiveCodeBench Leaderboard</title><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="LiveCodeBench Leaderboard"/><link rel="stylesheet" href="bootstrap.min.css"/><link rel="stylesheet" href="./css/bulma.min.css"/><link rel="stylesheet" href="./css/bulma-carousel.min.css"/><link rel="stylesheet" href="./css/bulma-slider.min.css"/><link rel="stylesheet" href="./css/fontawesome.all.min.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"/><link rel="stylesheet" href="./css/index.css"/><link rel="icon" href="./images/favicon.svg"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script defer="defer" src="./js/fontawesome.all.min.js"></script><script src="./js/bulma-carousel.min.js"></script><script src="./js/bulma-slider.min.js"></script><script src="./js/index.js"></script><script defer="defer" src="./static/js/main.3c0c682c.js"></script><link href="./static/css/main.be588df3.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/build/static/css/main.10eb9168.css.map b/build/static/css/main.10eb9168.css.map
diff --git a/build/static/css/main.10eb9168.css → build/static/css/main.be588df3.css b/build/static/css/main.10eb9168.css → build/static/css/main.be588df3.css
diff --git a/build/static/css/main.be588df3.css.map b/build/static/css/main.be588df3.css.map
diff --git a/build/static/js/main.32895ddd.js → build/static/js/main.3c0c682c.js b/build/static/js/main.32895ddd.js → build/static/js/main.3c0c682c.js
diff --git a/build/static/js/main.32895ddd.js.LICENSE.txt → build/static/js/main.3c0c682c.js.LICENSE.txt b/build/static/js/main.32895ddd.js.LICENSE.txt → build/static/js/main.3c0c682c.js.LICENSE.txt
diff --git a/build/static/js/main.32895ddd.js.map → build/static/js/main.3c0c682c.js.map b/build/static/js/main.32895ddd.js.map → build/static/js/main.3c0c682c.js.map
diff --git a/src/LeaderboardComp.css b/src/LeaderboardComp.css
@@ -2,6 +2,7 @@
       width: 100% !important;
       /* Adjust this value based on your preference */
       margin: auto;
+      overflow: auto !important;
       /* This centers the grid horizontally */
   }
 
@@ -14,6 +15,7 @@
   .ag-theme-quartz {
       width: 100% !important;
       margin: auto;
+      overflow: auto !important;
   }
 
 
@@ -48,7 +50,7 @@
           width: 100% !important;
           /* max-width: 750px; */
           /* Adjust this value based on your preference */
-          margin: auto;
+          margin: auto !important;
           /* This centers the grid horizontally */
       }
 

diff --git a/src/LeaderboardComp.tsx b/src/LeaderboardComp.tsx
@@ -221,6 +221,7 @@ const Leaderboard = React.memo(function LeaderboardComponent(props: any) {
     type: 'fitCellContents'
   }
 
+
   return (
     <div style={{ width: "100%", height: "100%" }}>
       <ThemeProvider theme={muiTheme}>
@@ -273,6 +274,16 @@ const Leaderboard = React.memo(function LeaderboardComponent(props: any) {
                 enableCellTextSelection={true}
                 tooltipShowDelay={0}
                 autoSizeStrategy={autoSizeStrategy}
+                onGridReady={(params) => {
+                  params.api.sizeColumnsToFit()
+                  params.api.autoSizeAllColumns(false)
+                  params.api.resetRowHeights()
+                }}
+                onGridSizeChanged={(params) => {
+                  params.api.sizeColumnsToFit()
+                  params.api.autoSizeAllColumns(false)
+                  params.api.resetRowHeights()
+                }}
               />
             </div>
           </div>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><title>LiveCodeBench Leaderboard</title><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="LiveCodeBench Leaderboard"/><link rel="stylesheet" href="bootstrap.min.css"/><link rel="stylesheet" href="./css/bulma.min.css"/><link rel="stylesheet" href="./css/bulma-carousel.min.css"/><link rel="stylesheet" href="./css/bulma-slider.min.css"/><link rel="stylesheet" href="./css/fontawesome.all.min.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"/><link rel="stylesheet" href="./css/index.css"/><link rel="icon" href="./images/favicon.svg"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script defer="defer" src="./js/fontawesome.all.min.js"></script><script src="./js/bulma-carousel.min.js"></script><script src="./js/bulma-slider.min.js"></script><script src="./js/index.js"></script><script defer="defer" src="./static/js/main.32895ddd.js"></script><link href="./static/css/main.10eb9168.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><title>LiveCodeBench Leaderboard</title><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="LiveCodeBench Leaderboard"/><link rel="stylesheet" href="bootstrap.min.css"/><link rel="stylesheet" href="./css/bulma.min.css"/><link rel="stylesheet" href="./css/bulma-carousel.min.css"/><link rel="stylesheet" href="./css/bulma-slider.min.css"/><link rel="stylesheet" href="./css/fontawesome.all.min.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"/><link rel="stylesheet" href="./css/index.css"/><link rel="icon" href="./images/favicon.svg"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script defer="defer" src="./js/fontawesome.all.min.js"></script><script src="./js/bulma-carousel.min.js"></script><script src="./js/bulma-slider.min.js"></script><script src="./js/index.js"></script><script defer="defer" src="./static/js/main.3c0c682c.js"></script><link href="./static/css/main.be588df3.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>