archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity

Assets: Fix video progress not showing

Browse Source
This commit is contained in:
Pablo Vazquez 2018-09-24 13:31:48 +02:00
parent eaf9235fa9
commit 4cf93f00f6
3 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/_config.sass
View File

@ -13,7 +13,7 @@ $font-body: 'Roboto' !default
$font-headings: 'Lato' !default $font-headings: 'Lato' !default
$font-size: 14px !default $font-size: 14px !default
$font-size-xs: .75rem $font-size-xs: .75rem
$font-size-xxs: .65rem $font-size-xxs: .6rem
$color-text: #4d4e53 !default $color-text: #4d4e53 !default
$color-text-dark: $color-text !default $color-text-dark: $color-text !default

9
src/styles/components/_card.sass
View File

@ -87,7 +87,7 @@
.card-img-top .card-img-top
opacity: .9 opacity: .9
$card-progress-height: 5px
.card.asset .card.asset
color: $color-text color: $color-text
@ -114,12 +114,13 @@
background-size: cover background-size: cover
object-fit: cover object-fit: cover
$card-progress-height: 5px
.progress .progress
height: $card-progress-height height: $card-progress-height
position: absolute position: absolute
top: -$card-progress-height bottom: 0
width: 100% width: 100%
z-index: 1
.card-img-top .card-img-top
&.card-icon &.card-icon
@ -139,7 +140,7 @@
display: block display: block
font-size: $font-size-xxs font-size: $font-size-xxs
left: 5px left: 5px
top: -27px // enough to be above the progress-bar bottom: $card-progress-height + 3px // enough to be above the progress-bar
position: absolute position: absolute
padding: 1px 5px padding: 1px 5px
z-index: 1 z-index: 1

21
src/templates/_macros/_asset_list_item.pug
View File

@ -15,16 +15,6 @@ a.card.asset.card-image-fade.pr-0.mx-0.mb-2(
i(class="pi-{{ node_type }}") i(class="pi-{{ node_type }}")
| {% endif %} | {% endif %}
.card-body.py-2.d-flex.flex-column.text-truncate
.card-title.mb-1.font-weight-bold.text-truncate
| {{ asset.name | hide_none }}
ul.card-text.list-unstyled.d-flex.text-black-50.mt-auto.mb-0.text-truncate
li.pr-2.font-weight-bold {{ node_type | undertitle | hide_none }}
li.pr-2.text-truncate {{ asset.project.name | hide_none }}
li.pr-2.text-truncate {{ asset.user.full_name | hide_none }}
li.text-truncate {{ asset._created | pretty_date | hide_none }}
| {% if asset.properties.content_type == 'video' %} | {% if asset.properties.content_type == 'video' %}
| {% set view_progress = current_user.nodes.view_progress %} | {% set view_progress = current_user.nodes.view_progress %}
@ -49,4 +39,15 @@ a.card.asset.card-image-fade.pr-0.mx-0.mb-2(
| {% endif %} {# endif progress #} | {% endif %} {# endif progress #}
| {% endif %} {# endif video #} | {% endif %} {# endif video #}
.card-body.py-2.d-flex.flex-column.text-truncate
.card-title.mb-1.font-weight-bold.text-truncate
| {{ asset.name | hide_none }}
ul.card-text.list-unstyled.d-flex.text-black-50.mt-auto.mb-0.text-truncate
li.pr-2.font-weight-bold {{ node_type | undertitle | hide_none }}
li.pr-2.text-truncate {{ asset.project.name | hide_none }}
li.pr-2.text-truncate {{ asset.user.full_name | hide_none }}
li.text-truncate {{ asset._created | pretty_date | hide_none }}
| {% endmacro %} | {% endmacro %}