Fix broken video indactors since FontAwesome 5. Fixes #160

Piwigo · Apr 30, 2018 · 25ac436 · 25ac436
1 parent effaafc
commit 25ac436
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/scss/theme/_index.scss b/scss/theme/_index.scss
@@ -81,5 +81,10 @@
   }
 }
 
+// video indicators
+i.video-indicator {
+  font-weight: 400;
+  opacity: 0.75;
+}
 // still needed?
 #theCategoryPage { padding-left: 0px !important; }
diff --git a/template/index.tpl b/template/index.tpl
@@ -240,7 +240,7 @@ $(document).ajaxComplete(function() {
 {if !isset($loaded_plugins['piwigo-videojs']) && (isset($GThumb) || isset($GDThumb))}
 function addVideoIndicator() {
   $('img.thumbnail[src*="pwg_representative"]').each(function() {
-    $(this).closest('li').append('<i class="fas fa-file-video-o fa-2x video-indicator" aria-hidden="true" style="position: absolute; top: 10px; left: 10px; z-index: 100; color: #fff;"></i>');
+    $(this).closest('li').append('<i class="fas fa-file-video fa-2x video-indicator" aria-hidden="true" style="position: absolute; top: 10px; left: 10px; z-index: 100; color: #fff;"></i>');
   });
 }
 $(document).ready(function() {
@@ -251,7 +251,7 @@ $(document).ajaxComplete(function() {
 });
 {else}
 $('.card-thumbnail').find('img[src*="pwg_representative"]').each(function() {
-  $(this).closest('div').append('<i class="fas fa-file-video-o fa-2x video-indicator" aria-hidden="true" style="position: absolute; top: 10px; left: 10px; z-index: 100; color: #fff;"></i>');
+  $(this).closest('div').append('<i class="fas fa-file-video fa-2x video-indicator" aria-hidden="true" style="position: absolute; top: 10px; left: 10px; z-index: 100; color: #fff;"></i>');
 });
 {/if}
 {/strip}{/footer_script}

diff --git a/theme.css b/theme.css
diff --git a/theme.css.map b/theme.css.map