diff --git a/local_packages/football/Resources/Private/JavaScript/Src/main.js b/local_packages/football/Resources/Private/JavaScript/Src/main.js index b3368ac..46b6794 100644 --- a/local_packages/football/Resources/Private/JavaScript/Src/main.js +++ b/local_packages/football/Resources/Private/JavaScript/Src/main.js @@ -1,7 +1,17 @@ import * as bootstrap from 'bootstrap'; +import Splide from '@splidejs/splide'; const dropdownElementList = document.querySelectorAll('[data-bs-toggle="dropdown"]') const dropdownList = [...dropdownElementList].map(dropdownToggleEl => new bootstrap.Dropdown(dropdownToggleEl)) const collapseElementList = document.querySelectorAll('[data-bs-toggle="collapse"]') const collapseList = [...collapseElementList].map(collapseEl => new bootstrap.Collapse(collapseEl)) + +new Splide( '.splide', { + perPage: 3, + breakpoints: { + 768: { + perPage: 1, + }, + } +}).mount(); diff --git a/local_packages/football/Resources/Private/Scss/Elements/_game.scss b/local_packages/football/Resources/Private/Scss/Elements/_game.scss new file mode 100644 index 0000000..b94fa7c --- /dev/null +++ b/local_packages/football/Resources/Private/Scss/Elements/_game.scss @@ -0,0 +1,16 @@ +.game-slider-image { + max-height: 100px; + width: auto; +} + +.game-slider-image-small { + max-height: 2.5rem; + padding-inline: 10px; + width: auto; +} + +.game-score { + color: $color__primary; + font-size: 2.5rem; + font-weight: bolder; +} diff --git a/local_packages/football/Resources/Private/Scss/Elements/_import.scss b/local_packages/football/Resources/Private/Scss/Elements/_import.scss index 3c813d6..def02b3 100644 --- a/local_packages/football/Resources/Private/Scss/Elements/_import.scss +++ b/local_packages/football/Resources/Private/Scss/Elements/_import.scss @@ -3,3 +3,4 @@ @import "search"; @import "form"; @import "news"; +@import "game"; diff --git a/local_packages/football/Resources/Private/Scss/Vendor/_bootstrap.scss b/local_packages/football/Resources/Private/Scss/Vendor/_bootstrap.scss index 5634c65..5cc4af2 100644 --- a/local_packages/football/Resources/Private/Scss/Vendor/_bootstrap.scss +++ b/local_packages/football/Resources/Private/Scss/Vendor/_bootstrap.scss @@ -25,6 +25,7 @@ @import 'bootstrap/scss/modal'; @import 'bootstrap/scss/nav'; @import 'bootstrap/scss/navbar'; +@import 'bootstrap/scss/tables'; @import 'bootstrap/scss/transitions'; // mixins diff --git a/local_packages/football/Resources/Private/Scss/Vendor/_import.scss b/local_packages/football/Resources/Private/Scss/Vendor/_import.scss index b0692d8..c5b8420 100644 --- a/local_packages/football/Resources/Private/Scss/Vendor/_import.scss +++ b/local_packages/football/Resources/Private/Scss/Vendor/_import.scss @@ -1 +1,2 @@ -@import "bootstrap"; \ No newline at end of file +@import "bootstrap"; +@import "splide"; diff --git a/local_packages/football/Resources/Private/Scss/Vendor/_splide.scss b/local_packages/football/Resources/Private/Scss/Vendor/_splide.scss new file mode 100644 index 0000000..bffa830 --- /dev/null +++ b/local_packages/football/Resources/Private/Scss/Vendor/_splide.scss @@ -0,0 +1 @@ +@import "@splidejs/splide/dist/css/splide.min"; diff --git a/local_packages/football/Resources/Private/Templates/ContentElements/GameResults.html b/local_packages/football/Resources/Private/Templates/ContentElements/GameResults.html index 21e46b5..c164b0a 100644 --- a/local_packages/football/Resources/Private/Templates/ContentElements/GameResults.html +++ b/local_packages/football/Resources/Private/Templates/ContentElements/GameResults.html @@ -1,25 +1,90 @@ - - -
+ + | +
+
+
+
+
+
+
+ |
+
+
+ {result.meta.league}
+
+
+ {result.location}
+
+ |
+