UI: Training templates fluid video layouts #104435

Merged
Márton Lente merged 13 commits from ui/training-layout-fluid into main 2024-08-23 16:50:27 +02:00

13 Commits

Author SHA1 Message Date
a4afcc65c8 Fix: Template training conditional picture header and markup
Fix conditionals' placement checking for header image in training template.
Part of #104435
2024-08-23 16:27:39 +02:00
fa65203506 Merge branch 'main' into ui/training-layout-fluid 2024-08-23 15:00:36 +02:00
cd5c36165b Fix: Template training section tall image media display
Fix tall images overflowing the media and video container in training section
templates on desktop screens. Images never overflow the media container no
matter their heights and widths.
Part of #104435
2024-08-23 13:07:43 +02:00
b9c6388903 Fix: Sass variable grid-breakpoints xl and xxl
Fix grid-breakpoints 'xl' and 'xxl' Sass variables coming from flat
pre-compiled vendor files with web-assets defaults. Improves the display
of trainings' fluid video arrangement on xl and xxl desktop screens with
more sensible layout changes.
Part of #104435
2024-08-23 12:56:19 +02:00
3e72e49f86 UI: Add trainings cards grid fluid layout
Make the trainings cards grid layout fluid, and add more items per row
per breakpoints.
Part of #104435
2024-08-23 12:29:13 +02:00
54c698523e UI: Implement training layout changes to templates base and chapter 2024-08-22 17:35:40 +02:00
432adbe51b UI: Remove style training group item video rounded corners 2024-08-22 16:31:42 +02:00
4ed127df4a UI: Improve template training group item content padding 2024-08-22 16:23:46 +02:00
2e135b8b8d UI: Improve style custom training-group-items box paddings 2024-08-21 17:51:35 +02:00
87c51b8464 UI: Improve tyle custom training-group-items box contrasts and spacings 2024-08-21 17:48:03 +02:00
b4c5302651 UI: Improve style custom training-group-items sizings and spacings 2024-08-21 17:34:53 +02:00
45021865c6 UI: Improve style custom training-group-item-video bg 2024-08-21 17:28:59 +02:00
38fd647721 UI: Improve templates training layout
Improve training detail pages' layouts by making the video sizing fluid,
and centrally aligned to the viewport, while re-arranging nav and content
columns.
2024-08-21 17:14:32 +02:00