lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

Styling added to league table

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-14 16:46:48 -06:00
parent 4cf078cca9
commit 87551a26af
4 changed files with 63 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ProjectSourceCode/src/resources/css/league-pages/league-table.css
View File

@@ -1,7 +1,9 @@
#league-table-container {
width: 60%;
#league-table-and-information-container {
width: 50%;
justify-content: center;
align-items: center;
transition: transform 0.3s ease; /* Add smooth transition effect */
}
#standings-table {
@@ -9,6 +11,12 @@
padding: 15px;
}
#club-logo-row {
width: 20px;
}
#table-club-logo {
width: 20px;
margin-right: 5px;
@@ -26,9 +34,15 @@
/* Define styles for odd and even rows */
#standings-table tbody tr:nth-child(odd) {
background-color: #f2f2f2; /* Light gray for odd rows */
background-color: #f7f6f6; /* Light gray for odd rows */
}
#standings-table tbody tr:nth-child(even) {
background-color: #ffffff; /* White for even rows */
}
}
/* Add hover effect to table rows */
#standings-table tbody tr:hover {
border: 1px solid lightgray;
border-radius: 10px;
}