bfg-common 1.5.183 → 1.5.184

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

@@ -211,74 +211,15 @@ const themeMode = useLocalStorage('themeMode')
     margin-top: 12px;
   }
 }
-//
-//.light-theme {
-//  :deep(.stack-block-label .ui-main-select-toggle) {
-//    background-color: #ffffff;
-//  }
-//  :deep(.stack-block-expanded > .stack-block-label .ui-main-select-toggle) {
-//    background-color: #1b2a371f;
-//    border-color: #e9ebed3d;
-//
-//    .ui-arrow-icon {
-//      color: #e9eaec;
-//    }
-//  }
-//  :deep(.stack-block-expanded > .stack-block-label .combobox-input) {
-//    color: #e9eaec;
-//  }
-//  :deep(.stack-block-expanded > .stack-block-label .ui-selected-text) {
-//    color: #e9eaec;
-//  }
-//
-//  :deep(.stack-block-label .ui-main-input) {
-//    background-color: #ffffff;
-//  }
-//  :deep(.stack-block-expanded > .stack-block-label .ui-main-input) {
-//    background-color: #1b2a371f;
-//    border-color: #e9ebed3d;
-//    color: #e9eaec;
-//  }
-//}
-//
-//.dark-theme {
-//  :deep(.stack-block-label .ui-main-select-toggle) {
-//    background-color: #1b2a371f;
-//  }
-//  :deep(.stack-block-expanded > .stack-block-label .ui-main-select-toggle) {
-//    background-color: #ffffff;
-//    border-color: #d3d6da;
-//
-//    .ui-arrow-icon {
-//      color: #182531;
-//    }
-//  }
-//  :deep(.stack-block-expanded > .stack-block-label .combobox-input) {
-//    color: #182531;
-//  }
-//  :deep(.stack-block-expanded > .stack-block-label .ui-selected-text) {
-//    color: #182531;
-//  }
-//
-//  :deep(.stack-block-label .ui-main-input) {
-//    background-color: #1b2a371f;
-//  }
-//  :deep(.stack-block-expanded > .stack-block-label .ui-main-input) {
-//    background-color: #ffffff;
-//    border-color: #d3d6da;
-//    color: #182531;
-//  }
-//  :deep(.ui-select-toggle-button:disabled) {
-//    background-color: linear-gradient(
-//        0deg,
-//        rgba(189, 195, 199, 0.08) 0%,
-//        rgba(189, 195, 199, 0.08) 100%
-//      ),
-//      rgba(27, 42, 55, 0.12);
-//    border-color: #D3D6DA14;
-//    color: #BDC3C770;
-//  }
-//}
+
+:deep(.stack-block .stack-block-label .stack-view-key) {
+  //flex: 0 0 280px;
+  max-width: 280px;
+  margin-right: 12px;
+}
+:deep(.stack-block .stack-block-label .stack-block-content) {
+  width: unset;
+}
 </style>
 <style lang="scss">
 .light-theme {
@@ -287,12 +228,16 @@ const themeMode = useLocalStorage('themeMode')
   }
   .stack-block-expanded > .stack-block-label .ui-main-select-toggle {
     background-color: #1b2a371f;
-    border-color: #e9ebed3d;
 
-    .ui-arrow-icon {
-      color: #e9eaec;
+    &:not(.open) {
+      border-color: #e9ebed3d;
+
+      .ui-arrow-icon {
+        color: #e9eaec;
+      }
     }
   }
+
   .stack-block-expanded > .stack-block-label .combobox-input {
     color: #e9eaec;
   }

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

@@ -477,13 +477,4 @@ const onAddDevice = (data: number): void => {
   padding-bottom: 12px;
   background-color: var(--vm-wizard-block-view-bg-color);
 }
-
-:deep(.stack-block .stack-block-label .stack-view-key) {
-  //flex: 0 0 280px;
-  max-width: 280px;
-  margin-right: 12px;
-}
-:deep(.stack-block .stack-block-label .stack-block-content) {
-  width: unset;
-}
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/tooltip/TooltipNew.vue

@@ -77,10 +77,10 @@ const isShowCpuHelp = ref<boolean>(false)
 
 <style>
 :root {
-  --cpu-help-icon-color: #4d5d69;
+  --cpu-help-icon-hover-color: #4d5d69;
 }
 :root.dark-theme {
-  --cpu-help-icon-color: #e9eaec;
+  --cpu-help-icon-hover-color: #e9eaec;
 }
 </style>
 <style lang="scss" scoped>
@@ -88,7 +88,7 @@ const isShowCpuHelp = ref<boolean>(false)
   color: #9da6ad; // for light and dark
 
   &:hover {
-    color: var(--cpu-help-icon-color);
+    color: var(--cpu-help-icon-hover-color);
   }
   &.active {
     color: #008fd6;
@@ -128,3 +128,10 @@ const isShowCpuHelp = ref<boolean>(false)
   }
 }
 </style>
+<style lang="scss">
+.light-theme {
+  .stack-block-expanded {
+    --cpu-help-icon-hover-color: #e9eaec;
+  }
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsNew.vue

@@ -94,9 +94,12 @@ const emits = defineEmits<{
 
 <style scoped lang="scss">
 .vm-options {
+  height: calc(100% - 20px);
   display: flex;
   flex-direction: column;
   gap: 12px;
-  padding-top: 12px;
+  margin-top: 20px;
+  padding: 0 32px 12px;
+  overflow: auto;
 }
 </style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue

@@ -131,6 +131,11 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   gap: 4px;
 }
 
+.vsphere-icon-vm {
+  width: 20px;
+  height: 20px;
+}
+
 :deep(.guest-os-family-select .ui-main-select-toggle),
 :deep(.guest-machine-type-select .ui-main-select-toggle) {
   width: 108px;

package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/ToolsOld.vue

@@ -16,15 +16,18 @@
             {{ localization.common.toolsEnable }}
           </template>
           <template #stackBlockContent>
-            <input
-              id="tools-2"
-              v-model="tools"
-              data-id="tools-2-checkbox"
-              type="checkbox"
-            />
-            <label for="tools-2" class="label-text-normal">{{
-                localization.common.enable
-              }}</label>
+            <div  :title="localization.common.inDevelopment" class="cursor-not-allowed">
+              <input
+                  id="tools-2"
+                  v-model="tools"
+                  disabled
+                  data-id="tools-2-checkbox"
+                  type="checkbox"
+              />
+              <label for="tools-2" class="label-text-normal cursor-not-allowed" >{{
+                  localization.common.enable
+                }}</label>
+            </div>
           </template>
         </atoms-stack-block>
       </template>

package/components/common/vm/actions/common/lib/config/capabilities.ts

@@ -357,6 +357,12 @@ setTimeout(() => {
       capabilities.value.compatibility[0].text = newValue.common.compatibilityItem1
       capabilities.value.compatibility[1].text = newValue.common.compatibilityItem2
       capabilities.value.compatibility[2].text = newValue.common.compatibilityItem3
+      capabilities.value.guestOsFamilies[2].text = newValue.common.other
+      capabilities.value.guestOsVersions.linux[19].text = newValue.common.guestOsVersionsItem1
+      capabilities.value.guestOsVersions.linux[20].text = newValue.common.guestOsVersionsItem2
+      capabilities.value.guestOsVersions.other[4].text = newValue.common.guestOsVersionsItem3
+      capabilities.value.guestOsVersions.other[5].text = newValue.common.guestOsVersionsItem4
+
     },
     { deep: true }
   )

package/package.json

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