Assets: Fix video progress not showing
This commit is contained in:
@@ -13,7 +13,7 @@ $font-body: 'Roboto' !default
|
||||
$font-headings: 'Lato' !default
|
||||
$font-size: 14px !default
|
||||
$font-size-xs: .75rem
|
||||
$font-size-xxs: .65rem
|
||||
$font-size-xxs: .6rem
|
||||
|
||||
$color-text: #4d4e53 !default
|
||||
$color-text-dark: $color-text !default
|
||||
|
@@ -87,7 +87,7 @@
|
||||
.card-img-top
|
||||
opacity: .9
|
||||
|
||||
|
||||
$card-progress-height: 5px
|
||||
.card.asset
|
||||
color: $color-text
|
||||
|
||||
@@ -114,12 +114,13 @@
|
||||
background-size: cover
|
||||
object-fit: cover
|
||||
|
||||
$card-progress-height: 5px
|
||||
|
||||
.progress
|
||||
height: $card-progress-height
|
||||
position: absolute
|
||||
top: -$card-progress-height
|
||||
bottom: 0
|
||||
width: 100%
|
||||
z-index: 1
|
||||
|
||||
.card-img-top
|
||||
&.card-icon
|
||||
@@ -139,7 +140,7 @@
|
||||
display: block
|
||||
font-size: $font-size-xxs
|
||||
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
|
||||
padding: 1px 5px
|
||||
z-index: 1
|
||||
|
Reference in New Issue
Block a user