rename img-responsive class to img-fluid

Piwigo · Sep 9, 2017 · 9e56407 · 9e56407
1 parent da4648b
commit 9e56407
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/template/header.tpl b/template/header.tpl
@@ -105,7 +105,7 @@
         <nav class="navbar navbar-expand-lg navbar-main navbar-dark bg-primary">
             <div class="container">
 {if $theme_config->logo_image_enabled && $theme_config->logo_image_path !== ''}
-                <a class="navbar-brand mr-auto" href="{$U_HOME}"><img class="responsive" src="{$ROOT_URL}{$theme_config->logo_image_path}" alt="{$GALLERY_TITLE}"/></a>
+                <a class="navbar-brand mr-auto" href="{$U_HOME}"><img class="img-fluid" src="{$ROOT_URL}{$theme_config->logo_image_path}" alt="{$GALLERY_TITLE}"/></a>
 {else}
                 <a class="navbar-brand mr-auto" href="{$U_HOME}">{$GALLERY_TITLE}</a>
 {/if}

diff --git a/template/mainpage_categories.tpl b/template/mainpage_categories.tpl
@@ -24,7 +24,7 @@
     <div class="col-inner">
         <a class="col-thumbnail" href="{$cat.URL}">
             <div class="placeholder" style="background: url({$ROOT_URL}{$themeconf.icon_dir}/img_small.png) no-repeat center">
-                <img class="img-responsive" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}themes/bootstrap_darkroom/img/transparent.png" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">
+                <img class="img-fluid" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}themes/bootstrap_darkroom/img/transparent.png" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">
             </div>
         </a>
         <div class="caption mt-2">

diff --git a/template/month_calendar.tpl b/template/month_calendar.tpl
@@ -87,7 +87,7 @@
                 <div class="calDate">{$day.DAY}</div>
                 <div class="calImg">
                     <a href="{$day.U_IMG_LINK}">
-                        <img class="img-responsive" src="{$day.IMAGE}" alt="{$day.IMAGE_ALT}" title="{$day.NB_ELEMENTS|@translate_dec:'%d photo':'%d photos'}">
+                        <img class="img-fluid" src="{$day.IMAGE}" alt="{$day.IMAGE_ALT}" title="{$day.NB_ELEMENTS|@translate_dec:'%d photo':'%d photos'}">
                     </a>
                 </div>
             {else}

diff --git a/template/picture.tpl b/template/picture.tpl
@@ -106,7 +106,7 @@ $('#theImage img').bind('swipeleft swiperight', function (event) {
 {else}
    <div class="text-center{if $thumbnail.id eq $current.id} thumbnail-active{/if}"><a href="{$thumbnail.URL}">
 {/if}
-      <img {if $derivative->is_cached()}data-lazy="{$derivative->get_url()}"{else}data-lazy="{$ROOT_URL}{$themeconf.icon_dir}/img_small.png" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" class="img-responsive"></a>
+      <img {if $derivative->is_cached()}data-lazy="{$derivative->get_url()}"{else}data-lazy="{$ROOT_URL}{$themeconf.icon_dir}/img_small.png" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" class="img-fluid"></a>
    </div>
 {assign var=idx value=$idx+1}
 {/foreach}