Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: video share icons (#32111)

Browse Source 
* feat: replace video share links with icons

* feat: add download / share icons to video block

* feat: consistent styling for transcript links

* feat: change order of download/share for videos
This commit is contained in:
Nathan Sprenkle
2023-04-24 10:04:03 -04:00
committed by GitHub
parent 472a3b5442
commit df6a60b0e0
2 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
lms/templates/video.html
View File

@@ -52,15 +52,8 @@ from openedx.core.djangolib.js_utils import (
% if download_video_link or public_video_url:
<div class="wrapper-download-video">
<h4 class="hd hd-5">${_('Video')}</h4>
% if download_video_link:
<a class="btn-link video-sources video-download-button" href="${download_video_link}">
${_('Download video file')}
</a>
% endif
% if download_video_link and public_video_url:
<br>
% endif
% if public_video_url:
<span class="icon fa fa-share-alt" aria-hidden="true"></span>
${_('Share on:')}
<a
class="btn-link"
@@ -68,7 +61,8 @@ from openedx.core.djangolib.js_utils import (
href="${public_video_url}"
target="_blank"
>
${_('Twitter')}
<span class="icon fa fa-twitter-square" aria-hidden="true"></span>
<span class="sr">${_('Share on Twitter')}</span>
</a>
<a
class="btn-link"
@@ -76,7 +70,8 @@ from openedx.core.djangolib.js_utils import (
href="${public_video_url}"
target="_blank"
>
${_('Facebook')}
<span class="icon fa fa-facebook-square" aria-hidden="true"></span>
<span class="sr">${_('Share on Facebook')}</span>
</a>
<a
class="btn-link"
@@ -84,7 +79,17 @@ from openedx.core.djangolib.js_utils import (
href="${public_video_url}"
target="_blank"
>
${_('Linkedin')}
<span class="icon fa fa-linkedin-square" aria-hidden="true"></span>
<span class="sr">${_('Share on LinkedIn')}</span>
</a>
% endif
% if download_video_link and public_video_url:
<br>
% endif
% if download_video_link:
<span class="icon fa fa-download" aria-hidden="true"></span>
<a class="btn-link video-sources video-download-button" href="${download_video_link}">
${_('Download video file')}
</a>
% endif
</div>
@@ -96,6 +101,7 @@ from openedx.core.djangolib.js_utils import (
<ul class="list-download-transcripts">
% for item in transcript_download_formats_list:
<li class="transcript-option">
<span class="icon fa fa-download" aria-hidden="true"></span>
<% dname = _("Download {file}").format(file=item['display_name']) %>
<a class="btn btn-link" href="${track}" data-value="${item['value']}">${dname}</a>
</li>

5
xmodule/css/video/display.scss
View File

@@ -118,6 +118,11 @@ $cool-dark: rgb(79, 89, 93); // UXPL cool dark
.transcript-option {
margin: 0;
a.btn , a.btn-link{
font-size: 16px !important;
font-weight: unset;
}
}
}
}