mediacube-ui 0.1.367 → 0.1.369

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.369](https://github.com/MediaCubeCo/mcui/compare/v0.1.368...v0.1.369) (2025-03-25)
+
+### [0.1.368](https://github.com/MediaCubeCo/mcui/compare/v0.1.367...v0.1.368) (2025-03-25)
+
 ### [0.1.367](https://github.com/MediaCubeCo/mcui/compare/v0.1.366...v0.1.367) (2025-03-24)
 
 ### [0.1.366](https://github.com/MediaCubeCo/mcui/compare/v0.1.365...v0.1.366) (2025-03-18)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.367",
+  "version": "0.1.369",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/patterns/McTable/McTable/McTable.vue

@@ -44,7 +44,11 @@
         </component>
         <div v-if="sortLoading || $attrs.loading" :class="footerClasses" class="mc-table-wrapper__footer">
             <div v-if="footerInfo !== 'total'" class="mc-table-wrapper__tint"></div>
-            <div v-if="($attrs.loading && scrollIsBottom) || sortLoading" class="mc-table-wrapper__loading">
+            <div
+                v-if="($attrs.loading && scrollIsBottom) || sortLoading"
+                :style="loadingWrapperStyle"
+                class="mc-table-wrapper__loading"
+            >
                 <mc-svg-icon class="mc-table-wrapper__load-icon" name="loader" />
                 <mc-title color="outline-gray">{{ placeholders.loading }}</mc-title>
             </div>
@@ -330,6 +334,11 @@ export default {
             }
             return attrs
         },
+        loadingWrapperStyle() {
+            return {
+                width: this.cardIsOpen ? `${this.firstColsWidth}px` : '100%',
+            }
+        },
         canShowLoader() {
             return !this.scrollable && this.hasMore
         },
@@ -405,6 +414,13 @@ export default {
         '$attrs.loading'() {
             this.checkHorizontalScroll()
         },
+        totalFooter() {
+            if (this.footerInfo === 'total') {
+                this.$nextTick(() => {
+                    this.api.updateFooter()
+                })
+            }
+        },
     },
     mounted() {
         this.setFirstColsWidth()
@@ -491,6 +507,7 @@ export default {
                     ? columns.filter((c, i) => !!i)
                     : columns.filter(col => col.fixed !== 'left')
                 hideColumns.forEach(col => (col.visible = false))
+                this.tableBodyScrollLeft = false
                 this.$refs.xTable.refreshColumn()
             } else {
                 this.$refs.xTable.resetColumn()
@@ -759,17 +776,18 @@ export default {
     }
 
     .vxe-body--row {
-        &.row--current {
-            td,
-            th {
-                background-color: color-mix(in srgb, var(--color-main) 10%, #fff 90%) !important;
+        &.row {
+            &--current {
+                td,
+                th {
+                    background-color: color-mix(in srgb, var(--color-main) 10%, #fff 90%) !important;
+                }
             }
-        }
-
-        &:hover {
-            td,
-            th {
-                background-color: $color-hover-gray;
+            &--hover {
+                td:last-child,
+                td:first-child {
+                    background-color: $color-hover-gray;
+                }
             }
         }
     }