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

Fix for generated pages styling. Error in CSS code was causing diagonal line at end of page header to not show

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-16 15:33:15 -06:00
parent f80b6e1fff
commit 7f7b79d63e
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css
View File

@@ -42,9 +42,14 @@
transform: skewX(-20deg); /* Skew the banner to create a triangular side */ transform: skewX(-20deg); /* Skew the banner to create a triangular side */
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4); box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4);
/* Adds Red Diagonal Strip at the end of the #league-information-container */ /* --- FORMAT CHILD ITEMS (logo, league name, flag) --- */
.information-container::after display: flex; /* Enable flexbox layout */
{ flex-direction: row; /* Arrange child elements horizontally */
}
/* Adds Red Diagonal Strip at the end of the #league-information-container */
.information-container::after
{
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@@ -52,11 +57,6 @@
bottom: 0; bottom: 0;
width: 8px; /* Width of the red strip */ width: 8px; /* Width of the red strip */
background-color: red; /* Red color */ background-color: red; /* Red color */
}
/* --- FORMAT CHILD ITEMS (logo, league name, flag) --- */
display: flex; /* Enable flexbox layout */
flex-direction: row; /* Arrange child elements horizontally */
} }
/* /*