More third party themes compatibility and jQuery verification.

src/admin/components/lists/processes-list.vue

@@ -472,6 +472,7 @@
             }
         },
         created(){
+            if (jQuery && jQuery( document )) {
                 jQuery( document ).on( 'heartbeat-tick-list',  ( event, data ) => {
                     let updatedProcesses = data.bg_process_feedback;
 
@@ -486,11 +487,14 @@
                 jQuery( document ).on( 'heartbeat-tick',  ( event, data ) => {
                     jQuery( document ).trigger('heartbeat-tick-list', data);
                 });
+            }
         },
         beforeDestroy() {
+            if (jQuery && jQuery( document )) {
                 jQuery( document ).unbind( 'heartbeat-tick-list')
             }
         }
+    }
 </script>
 
 <style lang="scss" scoped>

src/admin/components/other/processes-popup.vue

@@ -236,6 +236,7 @@ export default {
 
         this.showProcessesList = false;
 
+        if (jQuery && jQuery( document )) {
             jQuery( document ).on( 'heartbeat-tick-popup',  ( event, data ) => {
                 this.setProcesses(data.bg_process_feedback);
             });
@@ -243,10 +244,10 @@ export default {
             jQuery( document ).on( 'heartbeat-tick',  ( event, data ) => {
                 jQuery( document ).trigger('heartbeat-tick-popup',data);
             });
-
+        }
-
     },
     beforeDestroy() {
+        if (jQuery && jQuery( document ))
             jQuery( document ).unbind( 'heartbeat-tick-popup')
     }
 }

src/admin/js/theme-main.js

@@ -118,6 +118,7 @@ function listen(evnt, elem, func) {
          return r;
     }
     else {
+        if (jQuery && jQuery('head'))
             jQuery('head').append('<style>.tainacan-icon{ opacity: 1 !important; }</style>');
     }
 }

src/admin/pages/lists/items-page.vue

@@ -1524,6 +1524,8 @@
                 this.$nextTick(() => {
                     if (this.$refs['search-control'] != undefined)
                         this.searchControlHeight = this.$refs['search-control'] ? this.$refs['search-control'].clientHeight + this.$refs['search-control'].offsetTop : 0;
+                    
+                    if (jQuery && jQuery(window))
                         this.isFiltersMenuCompressed = jQuery(window).width() <= 768;
                 });
             }, 500),
@@ -1773,7 +1775,6 @@
     .filters-menu {
         position: relative;
         z-index: 10;
-        background-color: white;
         width: $filter-menu-width;
         min-width: 180px;
         min-height: 100%;

src/admin/pages/lists/term-items-page.vue

@@ -1449,6 +1449,8 @@
                 this.$nextTick(() => {
                     if (this.$refs['search-control'] != undefined)
                         this.searchControlHeight = this.$refs['search-control'] ? this.$refs['search-control'].clientHeight + this.$refs['search-control'].offsetTop : 0;
+                    
+                    if (jQuery && jQuery(window))
                         this.isFiltersMenuCompressed = jQuery(window).width() <= 768;
                 });
             }, 500),
@@ -1688,7 +1690,6 @@
     .filters-menu {
         position: relative;
         z-index: 10;
-        background-color: white;
         width: $filter-menu-width;
         min-width: 180px;
         min-height: 100%;

src/admin/scss/_buttons.scss

@@ -37,8 +37,8 @@ button.link-style:active {
     &.is-success:hover, &.is-success:focus {
         background: $success !important;
     }
-    &.is-white:hover, &.is-white:focus, &.is-outlined:hover, &.is-outlined:focus {
+    &.is-white, &.is-white:hover, &.is-white:focus, &.is-outlined:hover, &.is-outlined:focus {
-        background: $white !important;
+        background-color: transparent !important;
     }
     &:active {
         -webkit-transform: none !important;
@@ -68,7 +68,8 @@ button.link-style:active {
         background-color: white !important;
     }
     &.is-white[disabled] {
-        background-color: white !important;
+        background-color: transparent !important;
+        opacity: 0.85;
     }
 }
 .button.is-small {

src/admin/scss/_dropdown-and-autocomplete.scss

@@ -114,7 +114,7 @@
 
 .taginput-container {
     padding: 0px !important;
-    background-color: white !important;
+    background-color: transparent !important;
 
     &:focus, &:active {
         border: none !important;

src/admin/scss/_filters-menu-modal.scss

@@ -1,4 +1,5 @@
 #filters-mobile-modal { 
+    background-color: white; 
 
     .modal-close {
         right: calc(8.3333333% + 20px);

src/admin/scss/_view-mode-cards.scss

@@ -136,6 +136,7 @@
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 overflow: hidden;
+                margin-top: 0;
                 margin-bottom: 0;
             }
         }

src/admin/scss/_view-mode-masonry.scss

@@ -113,6 +113,7 @@
                 text-align: left !important;
                 margin-bottom: 0 !important;
                 word-break: break-word;
+                margin: 0;
             }
         } 
     

src/admin/scss/_view-mode-records.scss

@@ -109,6 +109,7 @@
                 text-overflow: ellipsis;
                 white-space: nowrap;
                 overflow: hidden;
+                margin: 0;
                 transition: background-color 0.3s;
             }
         }

src/theme-helper/view-mode-masonry.vue

@@ -86,6 +86,7 @@ export default {
                 this.$refs.masonryWrapper.children[0] != undefined && 
                 this.$refs.masonryWrapper.children[0].children[0] != undefined && 
                 this.$refs.masonryWrapper.children[0].children[0].clientWidth != undefined) {
+                if (jQuery && jQuery(window))
                     this.containerWidthDiscount = jQuery(window).width() - this.$refs.masonryWrapper.clientWidth;
             }
             this.$forceUpdate();

src/theme-helper/view-mode-records.vue

@@ -169,6 +169,7 @@ export default {
                 this.$refs.masonryWrapper.children[0] != undefined && 
                 this.$refs.masonryWrapper.children[0].children[0] != undefined && 
                 this.$refs.masonryWrapper.children[0].children[0].clientWidth != undefined) {
+                if (jQuery && jQuery(window))
                     this.containerWidthDiscount = jQuery(window).width() - this.$refs.masonryWrapper.clientWidth;
             }
             this.$forceUpdate();