You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cloudstack.apache.org by nv...@apache.org on 2022/04/29 02:37:34 UTC
[cloudstack] branch main updated: UI: Fix detail settings (#6335)
This is an automated email from the ASF dual-hosted git repository.
nvazquez pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack.git
The following commit(s) were added to refs/heads/main by this push:
new e0487c43fb UI: Fix detail settings (#6335)
e0487c43fb is described below
commit e0487c43fb9758d153b8b9d670d84e68f400443e
Author: Nicolas Vazquez <ni...@gmail.com>
AuthorDate: Thu Apr 28 23:37:28 2022 -0300
UI: Fix detail settings (#6335)
---
ui/src/components/view/DetailSettings.vue | 4 ++--
ui/src/components/widgets/TooltipButton.vue | 10 +++++++---
2 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/ui/src/components/view/DetailSettings.vue b/ui/src/components/view/DetailSettings.vue
index 276f99093d..57c5343ab7 100644
--- a/ui/src/components/view/DetailSettings.vue
+++ b/ui/src/components/view/DetailSettings.vue
@@ -56,8 +56,8 @@
:options="detailValues"
:placeholder="$t('label.value')"
@change="e => onAddInputChange(e, 'newValue')" />
- <tooltip-button :tooltip="$t('label.add.setting')" icon="check-outlined" @onClick="addDetail" buttonClass="detail-button" />
- <tooltip-button :tooltip="$t('label.cancel')" icon="close-outlined" @onClick="closeDetail" buttonClass="detail-button" />
+ <tooltip-button :tooltip="$t('label.add.setting')" :shape="null" icon="check-outlined" @onClick="addDetail" buttonClass="detail-button" />
+ <tooltip-button :tooltip="$t('label.cancel')" :shape="null" icon="close-outlined" @onClick="closeDetail" buttonClass="detail-button" />
</a-input-group>
<p v-if="error" style="color: red"> {{ $t(error) }} </p>
</div>
diff --git a/ui/src/components/widgets/TooltipButton.vue b/ui/src/components/widgets/TooltipButton.vue
index c0a2a467f2..fa82130217 100644
--- a/ui/src/components/widgets/TooltipButton.vue
+++ b/ui/src/components/widgets/TooltipButton.vue
@@ -20,10 +20,10 @@
<template #title v-if="tooltip">
{{ tooltip }}
</template>
- <span style="margin-right: 5px">
+ <span>
<a-button
v-if="copyResource"
- shape="circle"
+ :shape="shape"
:size="size"
:type="type"
:danger="danger"
@@ -39,7 +39,7 @@
</a-button>
<a-button
v-else
- shape="circle"
+ :shape="shape"
:size="size"
:type="type"
:danger="danger"
@@ -108,6 +108,10 @@ export default {
danger: {
type: Boolean,
default: false
+ },
+ shape: {
+ type: String,
+ default: 'circle'
}
},
methods: {