From 4cd0217f062341d24e74c8ddaae6b0aa8e4b63c7 Mon Sep 17 00:00:00 2001 From: Daniel Mejia Date: Fri, 12 Jun 2026 12:24:31 -0400 Subject: [PATCH 1/2] Upgrade hubpresenter buttons on course component Upgrade hubpresenter buttons on course component --- .../site/views/assets/tmpl/video.php | 603 ++++++++++-------- 1 file changed, 323 insertions(+), 280 deletions(-) diff --git a/core/components/com_courses/site/views/assets/tmpl/video.php b/core/components/com_courses/site/views/assets/tmpl/video.php index c448a46fd40..92cc0ff6810 100644 --- a/core/components/com_courses/site/views/assets/tmpl/video.php +++ b/core/components/com_courses/site/views/assets/tmpl/video.php @@ -320,145 +320,167 @@
@@ -474,6 +496,7 @@
+ format) && strtoupper($presentation->format) == 'HD') ? 'presentation-hd' : ''; ?>
From 608175a81349094866ca5b041a1d2d168f159e63 Mon Sep 17 00:00:00 2001 From: Daniel Mejia Date: Fri, 12 Jun 2026 12:39:22 -0400 Subject: [PATCH 2/2] Update styles for list items and sliders Added margin-bottom to list item images and adjusted positions of the list slider and progress bar. --- .../com_resources/site/assets/css/hubpresenter.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/core/components/com_resources/site/assets/css/hubpresenter.css b/core/components/com_resources/site/assets/css/hubpresenter.css index d56b34de40f..7f90cc3579a 100644 --- a/core/components/com_resources/site/assets/css/hubpresenter.css +++ b/core/components/com_resources/site/assets/css/hubpresenter.css @@ -294,6 +294,7 @@ video { width: 130px; float: left; margin-right: 10px; + margin-bottom: 10px; border: 1px solid #aaa; } #list ul li .time { @@ -770,11 +771,11 @@ a.ui-slider-handle { } /*--------------------------------------------------------------- - List Item Slider/Progress Bar + List Item Slider/Progress Bar ---------------------------------------------------------------*/ .list-progress { position: absolute; - top: 70px; + bottom: 15px; right: 11px; color: #444; font-size: 10px; @@ -783,9 +784,10 @@ a.ui-slider-handle { } .list-slider { position: absolute; - top: 36px; - left: 70px; - width: 170px; + bottom: 2px; + left: 5%; + width: 90%; + border-radius:5px; display: none; } .list-slider.ui-slider { @@ -800,6 +802,7 @@ a.ui-slider-handle { width: 10px; height: 10px; outline: none; + border-radius : 50%; } .list-slider .ui-slider-handle:hover { top: -1px; @@ -810,6 +813,7 @@ a.ui-slider-handle { } .list-slider .ui-slider-range { background: #888; + border-radius:5px; } /*---------------------------------------------------------------