bfg-common 1.5.434 → 1.5.435

package/components/common/browse/BrowseNew.vue

@@ -261,6 +261,7 @@ const selectedFileTypeLocal = computed<any>({
     height: 100%;
 
     .columns-block {
+      position: relative;
       width: 816px;
     }
 

package/components/common/browse/blocks/Container.vue

@@ -21,7 +21,7 @@
       ]"
       :data-id="`${props.testId}-first`"
       :style="seperatorStyles"
-      @mousedown="onMouseDown($event, 'first')"
+      @mousedown.prevent="onMouseDown($event, 'first')"
     >
       <div :style="moveSeperatorBeforeStyles"></div>
     </div>
@@ -38,7 +38,7 @@
       ]"
       :data-id="`${props.testId}-second`"
       :style="secondSeperatorStyles"
-      @mousedown="onMouseDown($event, 'second')"
+      @mousedown.prevent="onMouseDown($event, 'second')"
     >
       <div :style="secondMoveSeperatorBeforeStyles"></div>
     </div>
@@ -106,16 +106,16 @@ watch(
 
 // const translation1 = computed<number>(() => (isNewView.value ? 31 : 28))
 // const translation2 = computed<number>(() => (isNewView.value ? 47 : 28))
-const translation = computed<number>(() => (isNewView.value ? 31 : 28))
+// const translation = computed<number>(() => (isNewView.value ? 31 : 28))
 
 const seperatorStyles = computed(() => ({
   // left: `${props.blocksWidth[0] + translation1.value}px`,
-  left: `${props.blocksWidth[0] + translation.value}px`,
+  left: `${props.blocksWidth[0]}px`,
   height: `${heightContainerBlock.value}px`,
 }))
 const secondSeperatorStyles = computed(() => ({
   // right: `${props.blocksWidth[2] + translation2.value}px`,
-  left: `${props.blocksWidth[0] + props.blocksWidth[1] + translation.value}px`,
+  left: `${props.blocksWidth[0] + props.blocksWidth[1]}px`,
   height: `${heightContainerBlock.value}px`,
 }))
 

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/storageModal/new/New.vue

@@ -106,7 +106,7 @@ watch([width, height], () => {
   //grid-gap: 12px;
   padding-left: 32px;
   padding-top: 8px;
-  padding-bottom: 8px;
+  //padding-bottom: 8px;
 
   &:not(.has-scroll) {
     padding-right: 32px;

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue

@@ -1,25 +1,27 @@
 <template>
-  <ui-data-table
-    :data="data"
-    :options="options"
-    :texts="tableTexts"
-    :default-layout="false"
-    size="sm"
-    test-id="data-table-main"
-    class="network-table"
-    server-off
-    @select-row="onSelect"
-  >
-    <template #icon="{ item }">
-      <span class="flex-align-center">
-        <span :class="['icon', item.data.icon]" />
+  <div class="table-wrap">
+    <ui-data-table
+      :data="data"
+      :options="options"
+      :texts="tableTexts"
+      :default-layout="false"
+      size="sm"
+      test-id="data-table-main"
+      class="network-table"
+      server-off
+      @select-row="onSelect"
+    >
+      <template #icon="{ item }">
+        <span class="flex-align-center">
+          <span :class="['icon', item.data.icon]" />
 
-        <span class="network-name" :data-id="item.data.testId">
-          {{ item.text }}
+          <span class="network-name" :data-id="item.data.testId">
+            {{ item.text }}
+          </span>
         </span>
-      </span>
-    </template>
-  </ui-data-table>
+      </template>
+    </ui-data-table>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -77,11 +79,16 @@ const onSelect = (value: UI_I_DataTableBody[]): void => {
 </script>
 
 <style scoped lang="scss">
-.icon {
-  margin-right: 4px;
-}
-.network-name {
-  font-size: 12px;
+.table-wrap {
+  .icon {
+    margin-right: 4px;
+  }
+  .network-name {
+    font-size: 12px;
+  }
+  :deep(.column-manager-button) span {
+    font-weight: 500;
+  }
 }
 </style>
 <style lang="scss">

package/components/common/vm/actions/common/select/storage/new/New.vue

@@ -204,20 +204,20 @@ const onSelectRow = (selectedData: UI_I_DataTable): void => {
 }
 </style>
 <style scoped lang="scss">
-:root.dark-theme {
-  .select-storage {
-    &.in-wizard {
-      :deep(.column-manager-button) {
-        &:hover {
-          background: #b8bcc10a;
-        }
-        &.active:hover {
-          background-color: #2785b614;
-        }
-      }
-    }
-  }
-}
+//:root.dark-theme {
+//  .select-storage {
+//    &.in-wizard {
+//      :deep(.column-manager-button) {
+//        &:hover {
+//          background: #b8bcc10a;
+//        }
+//        &.active:hover {
+//          background-color: #2785b614;
+//        }
+//      }
+//    }
+//  }
+//}
 .select-storage {
   padding-top: 12px;
   //padding-bottom: 16px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.434",
+  "version": "1.5.435",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",