(cloudstack) branch main updated: ui: fix minor issue with webhook forms (#9335)

[sureshanaparti]

This is an automated email from the ASF dual-hosted git repository.

sureshanaparti 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 a35d79a681e ui: fix minor issue with webhook forms (#9335)
a35d79a681e is described below

commit a35d79a681e6ab5b670d9a4ac904d00604db586d
Author: Abhishek Kumar <abhishek.mr...@gmail.com>
AuthorDate: Thu Jul 4 17:31:34 2024 +0530

    ui: fix minor issue with webhook forms (#9335)
    
    - Fix width of Test webhook delivery form
    - Fix auto execution of test delivery in create webhook form
    
    Signed-off-by: Abhishek Kumar <abhishek.mr...@gmail.com>
---
 ui/src/views/tools/CreateWebhook.vue       | 6 ++++--
 ui/src/views/tools/TestWebhookDelivery.vue | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/tools/CreateWebhook.vue 
b/ui/src/views/tools/CreateWebhook.vue
index 5256982d483..7d687c7d983 100644
--- a/ui/src/views/tools/CreateWebhook.vue
+++ b/ui/src/views/tools/CreateWebhook.vue
@@ -325,8 +325,10 @@ export default {
     closeAction () {
       this.$emit('close-action')
     },
-    handleParamUpdate (e) {
-      this.$refs.dispatchview.timedTestWebhookDelivery()
+    handleParamUpdate () {
+      setTimeout(() => {
+        this.$refs.dispatchview.timedTestWebhookDelivery()
+      }, 1)
     },
     handleScopeChange (e) {
       if (['Domain', 'Local'].includes(this.form.scope)) {
diff --git a/ui/src/views/tools/TestWebhookDelivery.vue 
b/ui/src/views/tools/TestWebhookDelivery.vue
index 25e24fea2f2..01b1bb6783c 100644
--- a/ui/src/views/tools/TestWebhookDelivery.vue
+++ b/ui/src/views/tools/TestWebhookDelivery.vue
@@ -120,7 +120,7 @@ export default {
     width: 80vw;
 
     @media (min-width: 600px) {
-      max-width: 95%;
+      max-width: 550px;
     }
   }