From 7f7b79d63e5deaafd5d5b882e8f825ae31428da1 Mon Sep 17 00:00:00 2001 From: Lucas Patenaude Date: Tue, 16 Apr 2024 15:33:15 -0600 Subject: [PATCH] Fix for generated pages styling. Error in CSS code was causing diagonal line at end of page header to not show --- .../generated-pages-styling.css | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css b/ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css index f759c24..c012490 100644 --- a/ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css +++ b/ProjectSourceCode/src/resources/css/generated-pages/generated-pages-styling.css @@ -42,23 +42,23 @@ transform: skewX(-20deg); /* Skew the banner to create a triangular side */ box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.4); - /* Adds Red Diagonal Strip at the end of the #league-information-container */ - .information-container::after - { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 8px; /* Width of the red strip */ - background-color: red; /* Red color */ - } - /* --- FORMAT CHILD ITEMS (logo, league name, flag) --- */ 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: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 8px; /* Width of the red strip */ + background-color: red; /* Red color */ +} + /* =========================== LEAGUE INFORMATION CHILD ITEMS