Shiloh/brotherton-erpnext
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix (ui): UI fixes to Video page

Browse Source
This commit is contained in:
scmmishra 2019-04-22 17:52:48 +05:30
parent 6c8f23b27e
commit 804a74c01c
3 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
erpnext/public/js/education/lms/components/ContentNavigation.vue
View File

@ -37,9 +37,4 @@ export default {
</script>
<style lang="css" scoped>
.nav-buttons {
position: absolute;
bottom: 0;
right: 0;
}
</style>

6
erpnext/public/js/education/lms/components/Video.vue
View File

@ -2,7 +2,6 @@
<div>
<section class='mt-2'>
<div>
<youtube-player :url="contentData.url"/>
<div class="mt-3 row">
<div class="col-md-8">
<h2>{{ contentData.name }}</h2>
@ -12,15 +11,16 @@
</span>
</div>
<div class="col-md-4 text-right">
<slot></slot>
<slot></slot>
</div>
</div>
<youtube-player :url="contentData.url" class="mt-3"/>
<hr>
</div>
</section>
<section class="video-description-section">
<div>
<div class="content" :html="contentData.description">
<div class="content" v-html="contentData.description">
</div>
<div class="text-right hidden">
<a class='btn btn-outline-secondary' href="/classrooms/module">Previous</a>

26
erpnext/public/js/education/lms/lmsRoot.vue
View File

@ -17,3 +17,29 @@ export default {
}
};
</script>
<style>
div.card-hero-img {
height: 220px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: rgb(250, 251, 252);
}
.card-image-wrapper {
display: flex;
overflow: hidden;
height: 220px;
background-color: rgb(250, 251, 252);
justify-content: center;
}
.image-body {
align-self: center;
color: #d1d8dd;
font-size: 24px;
font-weight: 600;
line-height: 1;
padding: 20px;
}
</style>