Change the tooltips placement.

Also modified code indentation.

_config.yml

@@ -13,7 +13,9 @@ title: Chirpy                          # the main title
 tagline: A text-focused Jekyll theme.  # it will display as the sub-title
 
 description: >-                        # used by seo meta and the atom feed
-  A minimal, portfolio, sidebar, bootstrap Jekyll theme with responsive web design and focuses on text presentation.
+  A minimal, portfolio, sidebar,
+  bootstrap Jekyll theme with responsive web design
+  and focuses on text presentation.
 
 # Replace with your domain, e.g. 'https://username.github.io'
 url: 'protocol://domain'
@@ -171,7 +173,9 @@ sass:
 compress_html:
   clippings: all
   comments: ["<!-- ", " -->"]
-  endings: [html, head, body, dt, dd, rt, rp, optgroup, option, colgroup, caption, thead, tbody, tfoot, tr, td, th]
+  endings: [html, head, body, dt, dd, rt, rp,
+            optgroup, option, colgroup, caption,
+            thead, tbody, tfoot, tr, td, th]
   profile: false
   blanklines: false
   ignore:

_layouts/home.html

@@ -24,7 +24,7 @@ layout: page
     <div class="post-meta text-muted pt-1">
       <!-- posted date -->
       <i class="far fa-clock fa-fw"></i>
-      <span class="timeago" data-toggle="tooltip" title="{{ post.date | date: TOOLTIP_DATE }}">
+      <span class="timeago" data-toggle="tooltip" data-placement="auto" title="{{ post.date | date: TOOLTIP_DATE }}">
       {{ post.date | date: POST_DATE }}
       <i class="unloaded">{{ post.date | date_to_xmlschema }}</i>
       </span>

_layouts/post.html

@@ -16,7 +16,8 @@ layout: default
       <div class="post-meta text-muted d-flex flex-column">
         <!-- Published Date and Categoreis -->
         <div>
-          <span class="timeago" data-toggle="tooltip" title="{{ page.date | date: TOOLTIP_DATE }}">
+          <span class="timeago" data-toggle="tooltip" data-placement="auto"
+           title="{{ page.date | date: TOOLTIP_DATE }}">
             {{ page.date | date: POST_DATE }}
             <i class="unloaded">{{ page.date | date_to_xmlschema }}</i>
           </span>
@@ -31,7 +32,9 @@ layout: default
         {% if page.seo.date_modified > page.date %}
         <div>
           Updated
-          <span class="timeago lastmod" data-toggle="tooltip" title="{{ page.seo.date_modified | date: TOOLTIP_DATE }}">
+          <span class="timeago lastmod"
+            data-toggle="tooltip" data-placement="auto"
+             title="{{ page.seo.date_modified | date: TOOLTIP_DATE }}">
             {{ page.seo.date_modified | date: POST_DATE }}
             <i class="unloaded">{{ page.seo.date_modified | date_to_xmlschema}}</i>
           </span>
@@ -53,7 +56,9 @@ layout: default
         {% endif %}
         <!-- Add lozad class into image tags. see: <https://github.com/ApoorvSaxena/lozad.js#usage> -->
         {% if content contains '<img src=' %}
-          {% capture loading %}{{ "/assets/img/commons/loading.png" | relative_url }}{% endcapture %}
+          {% capture loading %}
+           {{ "/assets/img/commons/loading.png" | relative_url }}
+          {% endcapture %}
           {% assign replacement = '<img class="lozad" src=' | append: loading | append: ' data-src=' %}
           {{ content | replace: '<img src=', replacement }}
         {% else %}

assets/js/_src/_commons/tooltip.js

@@ -6,5 +6,5 @@
  * MIT License
 */
 $(function () {
-  $('[data-toggle="tooltip"]').tooltip({placement: "auto"});
+  $('[data-toggle="tooltip"]').tooltip();
 })

assets/js/dist/_commons/tooltip.min.js

@@ -1 +1 @@
-$(function(){$('[data-toggle="tooltip"]').tooltip({placement:"auto"})});
+$(function(){$('[data-toggle="tooltip"]').tooltip()});