(incubator-resilientdb-resvault) branch main updated: Update content.js

[apratim]

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

apratim pushed a commit to branch main
in repository 
https://gitbox.apache.org/repos/asf/incubator-resilientdb-resvault.git


The following commit(s) were added to refs/heads/main by this push:
     new 9c0fa93  Update content.js
9c0fa93 is described below

commit 9c0fa9360c99135e0af66c9c4b597e54c9e6dec3
Author: Apratim Shukla <apratimshuk...@gmail.com>
AuthorDate: Fri Nov 29 00:01:16 2024 -0800

    Update content.js
---
 public/content.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/content.js b/public/content.js
index daeb731..c23efc9 100644
--- a/public/content.js
+++ b/public/content.js
@@ -266,7 +266,7 @@ function generateModalContent(operation, amount, styles = 
{}, isCustom = false,
       font-family: Poppins, sans-serif;
       width: 300px;
     ">
-      <div style="width: calc(100%);
+      <div id="resVaultMessageBox" style="width: calc(100%);
         padding: 20px;
         background-color: #291f57;
         border-radius: 15px;
@@ -327,7 +327,7 @@ function generateModalContent(operation, amount, styles = 
{}, isCustom = false,
       font-family: Poppins, sans-serif;
       width: 300px;
     ">
-      <div style="width: calc(100%);
+      <div id="resVaultMessageBox" style="width: calc(100%);
         padding: 20px;
         background-color: #291f57;
         border-radius: 15px;
@@ -398,22 +398,22 @@ function generateModalContent(operation, amount, styles = 
{}, isCustom = false,
 function applyStylesToModal(modal, styles) {
   const allowedSelectors = [
     '#resVaultModalContent',
+    "#resVaultMessageBox",
     '#amountDisplay',
     '#resVaultModalClose',
     '#resVaultModalSubmit',
     '#customMessage',
     '#poweredBy',
-    // Add other selectors if necessary
   ];
 
   const allowedStyles = {
     '#resVaultModalContent': ['background-color', 'padding', 'border-radius', 
'box-shadow', 'font-family', 'width', 'position', 'top', 'left', 'transform', 
'z-index'],
     '#amountDisplay': ['color', 'font-size', 'text-align', 'border', 
'background-color', 'padding', 'border-radius'],
+    '#resVaultMessageBox': ['width', 'padding', 'background-color', 
'border-radius', 'margin-bottom', 'box-shadow'],
     '#resVaultModalClose': ['background-color', 'color', 'border', 'padding', 
'border-radius', 'cursor', 'width'],
     '#resVaultModalSubmit': ['background-color', 'color', 'border', 'padding', 
'border-radius', 'cursor', 'width'],
     '#customMessage': ['color', 'font-size', 'text-align', 'background-color', 
'padding', 'border-radius'],
     '#poweredBy': ['color', 'font-size', 'text-align'],
-    // Other elements...
   };
 
   for (const selector in styles) {