vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(minor): video styles

Browse source
This commit is contained in:
Rushabh Mehta 2022-03-21 18:03:26 +05:30
parent 72e7ed508e
commit eddca47216
3 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frappe/public/scss/website/page_builder.scss
View file

@ -700,11 +700,14 @@
margin-top: 2rem;
}
.section-video-wrapper {
margin-bottom: 1rem;
}
.section-video {
aspect-ratio: 16 / 9;
width: 100%;
cursor: pointer;
margin-bottom: 1rem;
}
.video-thumbnail {

2
frappe/website/js/website.js
View file

@ -426,7 +426,7 @@ $.extend(frappe, {
},
setup_videos: () => {
// converts video images into youtube embeds (via Page Builder)
$('.section-video').on('click', (e) => {
$('.section-video-wrapper').on('click', (e) => {
let $video = $(e.currentTarget);
let id = $video.data('youtubeId');
console.log(id);

2
frappe/website/web_template/section_with_videos/section_with_videos.html
View file

@ -9,7 +9,7 @@
<div class="section-features" data-columns="{{ columns or 3 }}">
{%- for video in videos -%}
<div class="section-feature">
<div class="section-video" data-youtube-id="{{ video.youtube_id }}">
<div class="section-video-wrapper" data-youtube-id="{{ video.youtube_id }}">
<img class="video-thumbnail" src="https://i.ytimg.com/vi/{{ video.youtube_id }}/sddefault.jpg">
</div>
{%- if video.title -%}