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
This commit is contained in:
Hoang Nguyen 2022-03-15 00:19:26 +07:00 committed by GitHub
parent 704a939c65
commit 594c2c1b07
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 3 deletions

View File

@ -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",

View File

@ -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>