bfg-common 1.5.244 → 1.5.246

package/assets/scss/common/icons/icons-1.scss

@@ -93,7 +93,7 @@
   background-position: 0 98.7%;
 }
 .storage-ui-icon-increase_datastore {
-  background-position: 0 94.9%;
+  background-position: 0 94.96%;
 }
 .storage-ui-icon-datastore-unmount {
   background-position: 0 100%;
@@ -114,7 +114,7 @@
   background-position: 0 43.0379746835%;
 }
 .storage-ui-icon-browse-file {
-  background-position: 0 30.3797468354%;
+  background-position: 0 30.44%;
 }
 .clone-to-template {
   background-position: 0 46.8%;

package/assets/scss/common/icons/icons-5.scss

@@ -13,7 +13,7 @@
   background-position: 0 7.59%;
 }
 .vx-icon-vmMigrate {
-  background-position: 0 1.3%;
+  background-position: 0 1.29%;
 }
 .network-lib-ui-icon-vswitch {
   background-position: 0 24.05%;
@@ -59,16 +59,16 @@
   background-position: 0 40.5%;
 }
 .icon-web-terminal {
-  background-position: 0 41.8%;
+  background-position: 0 41.79%;
 }
 .icon-move {
-  background-position: 0 43%;
+  background-position: 0 43.06%;
 }
 .icon-settings {
   background-position: 0 44.3%;
 }
 .icon-remove {
-  background-position: 0 45.6%;
+  background-position: 0 45.59%;
 }
 .icon-backup-storage {
   background-position: 0 46.8%;
@@ -113,7 +113,7 @@
   background-position: 0 68.3%;
 }
 .icon-edit {
-  background-position: 0 69.6%;
+  background-position: 0 69.65%;
 }
 .icon-backup {
   background-position: 0 62%;

package/assets/scss/common/icons/icons-6.scss

@@ -69,7 +69,7 @@
   background-position: 0 91.8%;
 }
 .icon-add-permission {
-  background-position: 0 99.8%;
+  background-position: 0 100%;
 }
 
 /* _____BACKGROUND IMAGE_____ */

package/assets/scss/common/theme.scss

@@ -169,6 +169,9 @@
   --diagram-content-third-text: #9da6ad;
   --diagram-info-text: #4d5d69;
   --diagram-info-second-text: #9da6ad;
+
+  // VM Add Edit new view
+  --select-file-type-label: #4d5d69;
 }
 
 :root.dark-theme {
@@ -330,4 +333,7 @@
   --diagram-content-third-text: #9da6ad;
   --diagram-info-text: #e9eaec;
   --diagram-info-second-text: #9da6ad;
+
+  // VM Add Edit new view
+  --select-file-type-label: #e9eaec;
 }

package/components/atoms/table/dataGrid/DataGrid.vue

@@ -819,7 +819,7 @@ const headItemsPresent = computed<UI_I_HeadItem[]>(() => {
 const bodyItemsPresent = computed<UI_I_BodyItem[][]>(() => {
   let items: UI_I_BodyItem[][] = props.bodyItems.map((row) => {
     return row.map((item) => {
-      const text = item.text.toString()
+      const text = item.text?.toString() || ''
       return {
         ...item,
         // Если текст пустой нужно поставить '--' для экспорта

package/components/common/backup/actions/deleteBackup/DeleteBackup.vue

@@ -0,0 +1,38 @@
+<template>
+  <common-modals-confirmation
+    :headline="headline"
+    :description="description"
+    :loading="props.isLoading"
+    @hide-modal="emits('hide')"
+    @confirm="emits('remove', props.isAll)"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  name?: string
+  isAll?: boolean
+  isLoading?: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'remove', value: boolean): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const headline = computed<string>(() => {
+  return props.isAll
+    ? localization.value.common.deleteAllBackups
+    : `${props.name} - ${localization.value.common.deleteBackup}`
+})
+const description = computed<string>(() => {
+  return props.isAll
+    ? localization.value.common.deleteAllBackupDescription
+    : localization.value.common.deleteBackupDescription
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/backup/storage/actions/add/Add.vue

@@ -9,6 +9,7 @@
     :title="title"
     :hosts="props.hosts"
     :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
     :get-datastore-table-func="props.getDatastoreTableFunc"
     @change-steps="onChangeSteps"
     @change-storage="onChangeStorage"
@@ -25,6 +26,7 @@
     :title="title"
     :hosts="props.hosts"
     :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
     :get-datastore-table-func="props.getDatastoreTableFunc"
     @change-steps="onChangeSteps"
     @change-storage="onChangeStorage"
@@ -61,6 +63,7 @@ const props = withDefaults(
   defineProps<{
     project: UI_T_Project
     datastore: UI_I_DatastoreTableItem[]
+    isDatastoreLoading: boolean
     getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
     hosts?: any[]
   }>(),

package/components/common/backup/storage/actions/add/New.vue

@@ -124,6 +124,7 @@
         <template #content>
           <common-vm-actions-common-select-storage
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             hide-compatibility
             hide-alert
@@ -214,6 +215,7 @@ const props = defineProps<{
   alertMessages: string[][]
   title: string
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
   hosts?: any[]
 }>()

package/components/common/backup/storage/actions/add/Old.vue

@@ -44,6 +44,7 @@
           />
           <common-vm-actions-common-select-storage
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             hide-compatibility
             hide-alert
@@ -90,6 +91,7 @@ const props = defineProps<{
   alertMessages: string[][]
   title: string
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
   hosts?: any[]
 }>()

package/components/common/browse/BrowseNew.vue

@@ -37,7 +37,9 @@
                         :class="['browse-tree-item', { active: node.isActive }]"
                       >
                         <span :class="node.iconClassName"></span>
-                        <span class="text-ellipsis">{{ node.name }}</span>
+                        <span class="text-ellipsis datastore-node-name">{{
+                          node.name
+                        }}</span>
                       </div>
                     </template>
                   </ui-tree>
@@ -204,7 +206,7 @@ const selectedFileTypeLocal = computed<any>({
 
 <style scoped lang="scss">
 .file-type-label {
-  color: #4d5d69;
+  color: var(--select-file-type-label);
 }
 
 .new-view-info {
@@ -239,6 +241,10 @@ const selectedFileTypeLocal = computed<any>({
   display: flex;
   align-items: center;
   column-gap: 8px;
+
+  .datastore-node-name {
+    font-size: 12px;
+  }
 }
 .first-block-content {
   :deep(.tree-content) {

package/components/common/vm/actions/add/Add.vue

@@ -9,6 +9,7 @@
     :files="props.files"
     :networks-table="props.networksTable"
     :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
     :error-validation-fields="props.errorValidationFields"
     :ready-complete-table-info="props.readyCompleteTableInfo"
     :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
@@ -77,6 +78,7 @@
     :files="props.files"
     :networks-table="props.networksTable"
     :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
     :error-validation-fields="props.errorValidationFields"
     :ready-complete-table-info="props.readyCompleteTableInfo"
     :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
@@ -199,6 +201,7 @@ const props = defineProps<{
   files: UI_I_FileTreeNode[]
   networksTable: UI_I_NetworkTableItem[]
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   errorValidationFields: UI_I_ErrorValidationField[]
   readyCompleteTableInfo: UI_I_TableInfoItem[]
   vmCpuHelpTextSecond: string

package/components/common/vm/actions/add/New.vue

@@ -143,6 +143,7 @@
           <common-vm-actions-common-select-storage
             :storage-submit="props.storageSubmit"
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             :storage="props.vmtSettings?.storage"
             @submit="emits('change-storage', $event)"
@@ -252,6 +253,7 @@
               :error-validation-fields="props.errorValidationFields"
               :get-datastore-table-func="props.getDatastoreTableFunc"
               :datastore="props.datastore"
+              :is-datastore-loading="props.isDatastoreLoading"
               :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
               :passthrough-devices="props.passthroughDevices"
               :mediated-devices="props.mediatedDevices"
@@ -321,6 +323,7 @@
               :error-validation-fields="props.errorValidationFields"
               :get-datastore-table-func="props.getDatastoreTableFunc"
               :datastore="props.datastore"
+              :is-datastore-loading="props.isDatastoreLoading"
               :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
               :passthrough-devices="props.passthroughDevices"
               :mediated-devices="props.mediatedDevices"
@@ -452,6 +455,7 @@ const props = defineProps<{
   files: UI_I_FileTreeNode[]
   networksTable: UI_I_NetworkTableItem[]
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   errorValidationFields: UI_I_ErrorValidationField[]
   readyCompleteTableInfo: UI_I_TableInfoItem[]
   vmCpuHelpTextSecond: string

package/components/common/vm/actions/add/Old.vue

@@ -69,6 +69,7 @@
             v-show="selectedStep.id === dynamicSteps.selectStorage"
             :storage-submit="props.storageSubmit"
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :storage="props.vmtSettings?.storage"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             @submit="emits('change-storage', $event)"
@@ -123,6 +124,7 @@
             :error-validation-fields="props.errorValidationFields"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
@@ -172,6 +174,7 @@
             :error-validation-fields="props.errorValidationFields"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
@@ -276,6 +279,7 @@ const props = defineProps<{
   files: UI_I_FileTreeNode[]
   networksTable: UI_I_NetworkTableItem[]
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   errorValidationFields: UI_I_ErrorValidationField[]
   readyCompleteTableInfo: UI_I_TableInfoItem[]
   vmCpuHelpTextSecond: string

package/components/common/vm/actions/clone/Clone.vue

@@ -56,6 +56,7 @@
             v-show="selectedStep.id === dynamicSteps.selectStorage"
             :storage-submit="storageSubmit"
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :storage="vmForm.storage"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             @submit="onChangeStorage"
@@ -109,6 +110,7 @@
             :mediated-devices="props.mediatedDevices"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :project="props.project"
             is-clone
             @change-boot-order="onChangeBootOrder"
@@ -187,6 +189,7 @@ const props = defineProps<{
   files: UI_I_FileTreeNode[]
   networksTable: UI_I_NetworkTableItem[]
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   errorValidationFields: UI_I_ErrorValidationField[]
   readyCompleteTableInfo: UI_I_TableInfoItem[]
   vmCpuHelpTextSecond: string

package/components/common/vm/actions/clone/toTemplate/ToTemplate.vue

@@ -35,6 +35,7 @@
             v-show="selectedStep.id === dynamicSteps.selectStorage"
             :storage-submit="storageSubmit"
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :storage="vmSettingsLocal.storage"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             @submit="onChangeStorage"
@@ -73,6 +74,7 @@
             :mediated-devices="props.mediatedDevices"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             :datastore="props.datastore"
+            :is-datastore-loading="props.isDatastoreLoading"
             :project="props.project"
             is-clone
             @change-boot-order="onChangeBootOrder"
@@ -148,6 +150,7 @@ const props = defineProps<{
   files: UI_I_FileTreeNode[]
   networksTable: UI_I_NetworkTableItem[]
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   errorValidationFields: UI_I_ErrorValidationField[]
   readyCompleteTableInfo: UI_I_TableInfoItem[]
   vmCpuHelpTextSecond: string

package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue

@@ -24,6 +24,7 @@
     :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
     :get-datastore-table-func="props.getDatastoreTableFunc"
     :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
     :hard-disks="props.hardDisks"
     :cd-dvd-drives="props.cdDvdDrives"
     :networks="props.networks"
@@ -79,6 +80,7 @@
     :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
     :get-datastore-table-func="props.getDatastoreTableFunc"
     :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
     :hard-disks="props.hardDisks"
     :cd-dvd-drives="props.cdDvdDrives"
     :networks="props.networks"
@@ -169,6 +171,7 @@ const props = defineProps<{
   vmCpuHelpTextSecond?: string
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   hardDisks?: UI_I_SendDataNewHardDisk[] | null
   cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
   networks?: UI_I_SendDataNewNetwork[] | null

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue

@@ -47,6 +47,7 @@
         :error-validation-fields="props.errorValidationFields"
         :get-datastore-table-func="props.getDatastoreTableFunc"
         :datastore="props.datastore"
+        :is-datastore-loading="props.isDatastoreLoading"
         :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
         :passthrough-devices="props.passthroughDevices"
         :mediated-devices="props.mediatedDevices"
@@ -149,6 +150,7 @@ const props = defineProps<{
   cpuModels: UI_I_OptionItem[]
   maxMemory: number
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   networksTable: UI_I_NetworkTableItem[]
   errorValidationFields: UI_I_ErrorValidationField[]
   networksForBootOptions: UI_I_SendDataNewNetwork[] | null
@@ -227,7 +229,10 @@ const themeMode = useLocalStorage('themeMode')
   //flex: 0 0 280px;
   max-width: 280px;
   margin-right: 12px;
-  line-height: 32px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  //line-height: 32px;
 
   .ui-checkbox-label {
     min-height: 32px;
@@ -246,7 +251,7 @@ const themeMode = useLocalStorage('themeMode')
 </style>
 <style lang="scss">
 .light-theme {
-  .stack-block-label .ui-main-select-toggle:not(.error) {
+  .stack-block-label .ui-main-select-toggle:not(.error):not(:disabled) {
     background-color: #ffffff;
   }
   .stack-block-expanded > .stack-block-label .ui-main-select-toggle {

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareOld.vue

@@ -33,6 +33,7 @@
         :error-validation-fields="props.errorValidationFields"
         :get-datastore-table-func="props.getDatastoreTableFunc"
         :datastore="props.datastore"
+        :is-datastore-loading="props.isDatastoreLoading"
         :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
         :passthrough-devices="props.passthroughDevices"
         :mediated-devices="props.mediatedDevices"
@@ -133,6 +134,7 @@ const props = defineProps<{
   cpuModels: UI_I_OptionItem[]
   maxMemory: number
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   networksTable: UI_I_NetworkTableItem[]
   errorValidationFields: UI_I_ErrorValidationField[]
   networksForBootOptions: UI_I_SendDataNewNetwork[] | null

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue

@@ -13,6 +13,7 @@
     :max-memory="props.maxMemory"
     :cpu-models="props.cpuModels"
     :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
     :networks-type="networksType"
     :networks-table="props.networksTable"
     :dropdown-items="dropdownItems"
@@ -81,6 +82,7 @@
     :max-memory="props.maxMemory"
     :cpu-models="props.cpuModels"
     :datastore="props.datastore"
+    :is-datastore-loading="props.isDatastoreLoading"
     :networks-type="networksType"
     :networks-table="props.networksTable"
     :dropdown-items="dropdownItems"
@@ -190,6 +192,7 @@ const props = defineProps<{
   networksTable: UI_I_NetworkTableItem[]
   getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   state?: string | number
   cpu?: API_UI_I_VmEditCpu
   memory?: API_UI_I_VmEditMemory

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue

@@ -24,7 +24,7 @@
           elem-id="add-device-dropdown"
           test-id="add-device-dropdown"
           left
-          max-height="300px"
+          max-height="400px"
           @select="onAddDevice"
           @hide="isShowAddDeviceDropdown = false"
         />
@@ -65,6 +65,7 @@
           :error-validation-fields="props.errorValidationFields"
           :get-datastore-table-func="props.getDatastoreTableFunc"
           :datastore="props.datastore"
+          :is-datastore-loading="props.isDatastoreLoading"
           :is-edit="props.isEdit"
           :state="props.state"
           :guest-machine-type="props.guestMachineType"
@@ -251,6 +252,7 @@ const props = defineProps<{
   maxMemory: number
   cpuModels: UI_I_OptionItem[]
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   networksType: UI_T_NetworkType[]
   networksTable: UI_I_NetworkTableItem[]
   // dropdownItems: UI_I_DropdownTreeItem[]
@@ -442,11 +444,11 @@ const onAddDevice = (data: number): void => {
       }
       :deep(.ui-popup-window) {
         overflow: hidden;
-        padding: 12px 0;
+        padding: 8px 0;
 
         .ui-dropdown {
           overflow: auto;
-          max-height: calc(300px - 24px);
+          //max-height: calc(300px - 24px);
 
           .ui-dropdown-menu.md {
             padding: 0 8px;
@@ -459,10 +461,10 @@ const onAddDevice = (data: number): void => {
               &:not(:last-child) {
                 margin-bottom: 4px;
               }
-              &:last-child ul li:last-child {
-                height: 26px;
-                align-items: flex-end;
-              }
+              //&:last-child ul li:last-child {
+              //height: 26px;
+              //align-items: flex-end;
+              //}
             }
           }
         }

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue

@@ -43,6 +43,7 @@
           :error-validation-fields="props.errorValidationFields"
           :get-datastore-table-func="props.getDatastoreTableFunc"
           :datastore="props.datastore"
+          :is-datastore-loading="props.isDatastoreLoading"
           :is-edit="props.isEdit"
           :state="props.state"
           :guest-machine-type="props.guestMachineType"
@@ -232,6 +233,7 @@ const props = defineProps<{
   maxMemory: number
   cpuModels: UI_I_OptionItem[]
   datastore: UI_I_DatastoreTableItem[]
+  isDatastoreLoading: boolean
   networksType: UI_T_NetworkType[]
   networksTable: UI_I_NetworkTableItem[]
   dropdownItems: UI_I_DropdownTreeItem[]

package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/BusNew.vue

@@ -24,6 +24,8 @@
               :help-text="props.helpText"
               :dropdown-left="true"
               dropdown-width="480px"
+              icon-width="20"
+              icon-height="20"
           />
         </div>
       </div>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveNew.vue

@@ -4,6 +4,7 @@
     :is-roll-back="props.type === 'removed'"
     :removable="props.isRemovable"
     :test-id="`cd-dvd-drive-stack-block-${props.index}`"
+    is-toggle-on-stack-view-key
     @remove="emits('remove')"
     @roll-back="emits('roll-back')"
   >
@@ -173,6 +174,9 @@ const onChangeCdDvdDrive = (data: string): void => {
     gap: 0;
   }
 
+  #device-will-removed-text-main {
+    color: #9da6ad;
+  }
   .device-will-removed-text {
     font-size: 13px;
     color: #9da6ad;

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuNew.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="hardware-cpu">
-    <ui-stack-block :has-children="true" test-id="cpu-stack-block">
+    <ui-stack-block
+      :has-children="true"
+      test-id="cpu-stack-block"
+      is-toggle-on-stack-view-key
+    >
       <template #stackBlockKey>
         <div
           id="vm-wizard-toggle-block-cpu"

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/model/ModelNew.vue

@@ -1,7 +1,9 @@
 <template>
   <ui-stack-block :has-children="false">
     <template #stackBlockKey>
-      {{ localization.common.cpuModel }}
+      <span class="limit-title">
+        {{ localization.common.cpuModel }}
+      </span>
     </template>
     <template #stackBlockContent>
       <div class="cpu-model-content">
@@ -41,7 +43,7 @@
           </common-tooltip-help>
 
         </div>
-        <div class="flex-align-center">
+        <div class="host-model-cpu-wrap flex-align-center">
           <ui-checkbox
             v-model="hostModelCpu"
             :disabled="props.disabled"
@@ -104,6 +106,9 @@ const onChangeCpuModel = (data: UI_T_SelectedValue): void => {
 
 
 <style scoped lang="scss">
+.limit-title {
+  margin-right: 12px;
+}
 .cpu-model-content {
   display: flex;
   flex-direction: column;
@@ -113,6 +118,10 @@ const onChangeCpuModel = (data: UI_T_SelectedValue): void => {
   :deep(.ui-main-select-toggle) {
     width: 100%;
   }
+  .passthrough-host-cpu-wrap :deep(.ui-checkbox-label),
+  .host-model-cpu-wrap :deep(.ui-checkbox-label) {
+    min-height: unset !important;
+  }
 }
 
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/SharesNew.vue

@@ -1,7 +1,9 @@
 <template>
   <ui-stack-block :has-children="false">
     <template #stackBlockKey>
-      {{ localization.common.shares }}
+      <span class="limit-title">
+        {{ localization.common.shares }}
+      </span>
     </template>
     <template #stackBlockContent>
       <div class="shares-content flex-align-center">
@@ -54,6 +56,9 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 </script>
 
 <style scoped>
+.limit-title {
+  margin-right: 12px;
+}
 .shares-content {
   gap: 8px;
 }

package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/MemoryNew.vue

@@ -1,5 +1,9 @@
 <template>
-  <ui-stack-block :has-children="true" test-id="memory-stack-block">
+  <ui-stack-block
+    :has-children="true"
+    test-id="memory-stack-block"
+    is-toggle-on-stack-view-key
+  >
     <template #stackBlockKey>
       <div
         id="vm-wizard-toggle-block-memory"