aloha-vue 1.2.204 → 1.2.205

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "Vue.js"
15
15
  ],
16
16
  "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
17
- "version": "1.2.204",
17
+ "version": "1.2.205",
18
18
  "author": {
19
19
  "name": "Ilia Brykin",
20
20
  "email": "brykin.ilia@gmail.com"
@@ -593,6 +593,7 @@ export default {
593
593
  columnActionsWidthMinLocal,
594
594
  isColumnActionWide,
595
595
  } = ColumnActionAPI(props, {
596
+ isMobile,
596
597
  rowsLocal,
597
598
  });
598
599
 
@@ -12,6 +12,7 @@ import {
12
12
  } from "lodash-es";
13
13
 
14
14
  export default function ColumnActionAPI(props, {
15
+ isMobile = computed(() => false),
15
16
  rowsLocal = ref([]),
16
17
  }) {
17
18
  const columnActionsView = toRef(props, "columnActionsView");
@@ -85,7 +86,8 @@ export default function ColumnActionAPI(props, {
85
86
 
86
87
  const columnActionsBtnGroupMaxWidthStyle = computed(() => {
87
88
  const MAX_WIDTH = columnActionsWidthDefaults.value.btnGroupMaxWidth;
88
- if (columnActionsView.value !== "dropdown" &&
89
+ if (!isMobile.value &&
90
+ columnActionsView.value !== "dropdown" &&
89
91
  !isUndefined(MAX_WIDTH)) {
90
92
  return `max-width: ${ MAX_WIDTH }px`;
91
93
  }
@@ -88,6 +88,7 @@ export default function ScrollControlAPI(props, { emit }, {
88
88
  columnsScrollInvisible.value = [];
89
89
  columnsVisibleAdditionalSpaceForOneGrow.value = 0;
90
90
  indexFirstScrollInvisibleColumn.value = 1000;
91
+ tableWidth.value = 0;
91
92
  };
92
93
 
93
94
  const checkVisibleColumns = () => {
@@ -191,6 +192,9 @@ export default function ScrollControlAPI(props, { emit }, {
191
192
  setAllDefaultForMobile();
192
193
  } else {
193
194
  resizeOb.observe(aTableRef.value);
195
+ if (modelIsTableWithoutScroll.value) {
196
+ checkVisibleColumns();
197
+ }
194
198
  }
195
199
  };
196
200
 
@@ -561,6 +561,7 @@
561
561
  padding-right: var(--a_table_mobile_dd_padding_right);
562
562
  .a_table__cell_action {
563
563
  flex-grow: unset;
564
+ margin-left: auto;
564
565
  }
565
566
  }
566
567
  .a_table_mobile__columns_btn_toggle {