Resolves book heading issues in grid view.

[bookstack] / resources / assets / js / global.js

diff --git a/resources/assets/js/global.js b/resources/assets/js/global.js
index dc6802e12ba6646be4099f759773f2368e2c5ffe..1ee5bf0d38d91ce11e9609290a9dfaafeb72c3b5 100644 (file)
--- a/resources/assets/js/global.js
+++ b/resources/assets/js/global.js
@@ -17,6 +17,7 @@ let axiosInstance = axios.create({
         'baseURL': window.baseUrl('')
     }
 });
+window.$http = axiosInstance;
 
 Vue.prototype.$http = axiosInstance;
 
@@ -153,6 +154,13 @@ $('[data-action="expand-entity-list-details"]').click(function() {
     $('.entity-list.compact').find('p').not('.empty-text').slideToggle(240);
 });
 
+// Toggle thumbnail::hide image and reduce grid size
+$(document).ready(function(){
+   $('[data-action="expand-thumbnail"]').click(function(){
+     $('.gallery-item').toggleClass("collapse").find('img').slideToggle(50);
+   });
+});
+
 // Popup close
 $('.popup-close').click(function() {
     $(this).closest('.overlay').fadeOut(240);