From 02cb46d90d9f0ac70deb3bedd51c67f27cc24478 Mon Sep 17 00:00:00 2001 From: Lucas Patenaude Date: Mon, 15 Apr 2024 01:27:04 -0600 Subject: [PATCH] league-table.css commented out --- .../css/league-pages/league-page.css | 6 ++++ .../css/league-pages/league-table.css | 32 ++++++++++++------- 2 files changed, 26 insertions(+), 12 deletions(-) diff --git a/ProjectSourceCode/src/resources/css/league-pages/league-page.css b/ProjectSourceCode/src/resources/css/league-pages/league-page.css index d82b9dd..8220dbb 100644 --- a/ProjectSourceCode/src/resources/css/league-pages/league-page.css +++ b/ProjectSourceCode/src/resources/css/league-pages/league-page.css @@ -112,6 +112,12 @@ box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5); } +/* +============================================================== + HOVER STYLES +============================================================== +*/ + /* Hover Styling for Standings and Top Scorers Cards */ #table-stats-container:hover, #top-scorers-stats-container:hover { diff --git a/ProjectSourceCode/src/resources/css/league-pages/league-table.css b/ProjectSourceCode/src/resources/css/league-pages/league-table.css index 9539689..b078c6c 100644 --- a/ProjectSourceCode/src/resources/css/league-pages/league-table.css +++ b/ProjectSourceCode/src/resources/css/league-pages/league-table.css @@ -37,13 +37,21 @@ /* Table Header Styling */ th { + background-color: white; border-bottom: 3px solid red; /* Add red bottom border */ } + /* Data in Row Style */ td { padding: 5px; } + + /* Every Odd Row in Table Style */ + tr:nth-child(odd) + { + background-color: #f7c4c475; /* Light gray for odd rows */ + } } /* @@ -52,7 +60,7 @@ =========================== */ - /* Set the width for the column containing the club logo */ + /* Club Logo Column in Table Style */ #club-logo-column { width: 25px; @@ -66,39 +74,38 @@ } - /* Style the club name column */ + /* Club Name Column in Table Style */ #club-name-column { cursor: pointer; } + /* Points Column in Table Style */ #points-column { font-weight: bolder; } -/* Define styles for odd and even rows */ -#standings-table tbody tr:nth-child(odd) -{ - background-color: #f7c4c475; /* Light gray for odd rows */ -} - -#standings-table tbody tr:nth-child(even) -{ - background-color: #ffffff; /* White for even rows */ -} +/* +============================================================== + HOVER STYLES +============================================================== +*/ /* Add hover effect to table rows */ #standings-table tbody tr:hover { + /* Create border around row on hover */ border: 1px solid lightgray; border-radius: 10px; + /* Make club logo larger on hover */ #table-club-logo { width: 32px; } + /* Undeline club name on hover */ #club-name-column { text-decoration: underline; /* Add underline effect */ @@ -111,6 +118,7 @@ ============================================================== */ +/* Stlye for Screens Smaller than 1230px */ @media (max-width: 1230px) { #league-table-container