UI: Training templates fluid video layouts #104435
@ -698,8 +698,6 @@ button,
|
|||||||
width: var(--training-group-item-nav-width)
|
width: var(--training-group-item-nav-width)
|
||||||
|
|
||||||
.training-group-item-video
|
.training-group-item-video
|
||||||
@extend .box
|
|
||||||
|
|
||||||
background-color: black
|
background-color: black
|
||||||
+margin(3, bottom)
|
+margin(3, bottom)
|
||||||
padding: 0
|
padding: 0
|
||||||
|
@ -21,11 +21,8 @@
|
|||||||
{% block nexted_content %}
|
{% block nexted_content %}
|
||||||
<div class="training-group-item training-group-item-video">
|
<div class="training-group-item training-group-item-video">
|
||||||
{% if section.preview_youtube_link %}
|
{% if section.preview_youtube_link %}
|
||||||
<div class="overflow-hidden rounded">
|
|
||||||
{% include 'common/components/video_player_embed.html' with url=section.preview_youtube_link rounded=True %}
|
{% include 'common/components/video_player_embed.html' with url=section.preview_youtube_link rounded=True %}
|
||||||
</div>
|
|
||||||
{% elif video %}
|
{% elif video %}
|
||||||
<div class="overflow-hidden rounded">
|
|
||||||
{% if section.is_free or request.user|has_active_subscription %}
|
{% if section.is_free or request.user|has_active_subscription %}
|
||||||
{% if user.is_anonymous %}
|
{% if user.is_anonymous %}
|
||||||
{% include 'common/components/video_player.html' with url=video.source.url poster=section.thumbnail_m_url tracks=section.static_asset.video.tracks.all loop=section.static_asset.video.loop %}
|
{% include 'common/components/video_player.html' with url=video.source.url poster=section.thumbnail_m_url tracks=section.static_asset.video.tracks.all loop=section.static_asset.video.loop %}
|
||||||
@ -35,10 +32,8 @@
|
|||||||
{% else %}
|
{% else %}
|
||||||
{% include 'common/components/content_locked.html' with background=section.thumbnail_m_url %}
|
{% include 'common/components/content_locked.html' with background=section.thumbnail_m_url %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="overflow-hidden rounded">
|
|
||||||
{% if section.is_free or request.user|has_active_subscription %}
|
{% if section.is_free or request.user|has_active_subscription %}
|
||||||
{% if section.thumbnail %}
|
{% if section.thumbnail %}
|
||||||
{% include "common/components/helpers/image_set.html" with alt=section.name classes="img-fluid img-width-100 rounded" img_source=section.thumbnail xsmall_width="600" small_width="800" medium_width="1000" large_width="1200" xlarge_width="1920" %}
|
{% include "common/components/helpers/image_set.html" with alt=section.name classes="img-fluid img-width-100 rounded" img_source=section.thumbnail xsmall_width="600" small_width="800" medium_width="1000" large_width="1200" xlarge_width="1920" %}
|
||||||
@ -47,7 +42,6 @@
|
|||||||
{% include 'common/components/content_locked.html' with background=training.picture_header %}
|
{% include 'common/components/content_locked.html' with background=training.picture_header %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="training-group-item training-group-item-content">
|
<div class="training-group-item training-group-item-content">
|
||||||
|
Loading…
Reference in New Issue
Block a user