Css adjustments for some sticky subheaders and panels.

src/views/admin/components/lists/collection-metadata-list.vue

@@ -770,6 +770,7 @@ export default {
                     title: this.$i18n.get('label_warning'),
                     message: this.$i18n.get('info_warning_metadatum_delete'),
                     onConfirm: () => { 
+                        this.isUpdatingMetadataOrder = true;
                         this.deleteMetadatum({
                                 collectionId: this.collectionId,
                                 metadatumId: removedMetadatum.id,
@@ -779,6 +780,7 @@ export default {
                                 this.updateMetadataOrder(sectionIndex);
                             })
                             .catch(() => {
+                                this.isUpdatingMetadataOrder = false;
                                 this.$console.log("Error deleting metadatum.")
                             });
                     }
@@ -797,11 +799,13 @@ export default {
                     title: this.$i18n.get('label_warning'),
                     message: this.$i18n.get('info_warning_metadata_section_delete'),
                     onConfirm: () => { 
+                        this.isUpdatingMetadataSectionsOrder = true;
                         this.deleteMetadataSection({ collectionId: this.collectionId, metadataSectionId: removedMetadataSection.id })
                             .then(() => {
                                 this.updateMetadataSectionsOrder();
                             })
                             .catch(() => {
+                                this.isUpdatingMetadataSectionsOrder = false;
                                 this.$console.log("Error deleting metadata section.")
                             });
                     }

src/views/admin/components/lists/metadata-types-list.vue

@@ -200,6 +200,9 @@ export default {
         margin: 0;
         max-width: 380px;
         min-width: 20.8333333%;
+        max-height: calc(100vh - 7.75em);
+        top: -28px;
+        position: sticky;
         font-size: 0.875em;
 
         @media screen and (max-width: 769px) {

src/views/admin/pages/lists/capabilities-page.vue

@@ -195,6 +195,10 @@
     @import '../../scss/_variables.scss';
 
     .sub-header {
+        position: sticky;
+        top: calc(-1 * var(--tainacan-container-padding));
+        z-index: 2;
+        background: var(--tainacan-background-color);
         min-height: $header-height;
         height: auto;
         padding-left: 0;

src/views/admin/scss/_variables.scss

@@ -187,6 +187,10 @@ $checkbox-border-width: 1px;
     display: grid;
 }
 @mixin logs-container {
+    position: sticky;
+    top: calc(-1 * var(--tainacan-container-padding));
+    z-index: 2;
+    background: var(--tainacan-background-color);
     min-height: $header-height;
     height: auto;
     padding-left: 0;

src/views/gutenberg-blocks/blocks/faceted-search/theme-search/components/view-mode-masonry.vue

@@ -120,7 +120,6 @@ export default {
             handler() {
                 if (this.items && this.items.length > 0 && !this.isLoading) {
                     this.$nextTick(() => {
-                        console.log(this.items.length)
                         if (this.masonry !== false)
                             this.masonry.destroy();