From 594c2c1b07bf087b43d377f3debf437add32fad1 Mon Sep 17 00:00:00 2001
From: Hoang Nguyen <hoangnm@unitech.vn>
Date: Tue, 15 Mar 2022 00:19:26 +0700
Subject: [PATCH] UI: Fixes the style/css of deploy VM with stay on-page
 button. (#6108)

* fixes style of deploy VM with stay on page

* fixes translation
---
 ui/public/locales/en.json         |  4 ++--
 ui/src/views/compute/DeployVM.vue | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/ui/public/locales/en.json b/ui/public/locales/en.json
index 789f40210ca..1150489a5af 100644
--- a/ui/public/locales/en.json
+++ b/ui/public/locales/en.json
@@ -1289,8 +1289,8 @@
 "label.lastname.lower": "lastname",
 "label.latest.events": "Latest events",
 "label.launch": "Launch",
-"label.launch.vm": "Launch Virtual Machine",
-"label.launch.vm.and.stay": "Launch VM & Stay On This Page",
+"label.launch.vm": "Launch Instance",
+"label.launch.vm.and.stay": "Launch Instance & Stay On This Page",
 "label.launch.zone": "Launch Zone",
 "label.lb.algorithm.leastconn": "Least connections",
 "label.lb.algorithm.roundrobin": "Round-robin",
diff --git a/ui/src/views/compute/DeployVM.vue b/ui/src/views/compute/DeployVM.vue
index 7d3036d3b50..b2831cba050 100644
--- a/ui/src/views/compute/DeployVM.vue
+++ b/ui/src/views/compute/DeployVM.vue
@@ -655,7 +655,7 @@
                 {{ $t('label.launch.vm') }}
                 <template #icon><down-outlined /></template>
                 <template #overlay>
-                  <a-menu type="primary" @click="handleSubmitAndStay" theme="dark">
+                  <a-menu type="primary" @click="handleSubmitAndStay" theme="dark" class="btn-stay-on-page">
                     <a-menu-item type="primary" key="1">
                       <rocket-outlined />
                       {{ $t('label.launch.vm.and.stay') }}
@@ -2396,4 +2396,12 @@ export default {
   .form-item-hidden {
     display: none;
   }
+
+  .btn-stay-on-page {
+    &.ant-dropdown-menu-dark {
+      .ant-dropdown-menu-item:hover {
+        background: transparent !important;
+      }
+    }
+  }
 </style>