style: Melhoria na responsividade

gerencianet · Oct 18, 2023 · 56bda38 · 56bda38
1 parent b90fb98
commit 56bda38
Show file tree

Hide file tree

Showing 9 changed files with 842 additions and 915 deletions.
diff --git a/efi.php b/efi.php
@@ -619,27 +619,31 @@ function efi_link($gatewayParams)
 
     $apiEnvironment = ($gatewayParams['sandbox'] == 'on') ? "sandbox" : "api"; 
 
-    $scriptGetPaymentToken = "<script defer type='text/javascript'>  var s=document.createElement('script');s.type='text/javascript';var v=parseInt(Math.random()*1000000);s.src='https://$apiEnvironment.gerencianet.com.br/v1/cdn/$identificadorDaConta/'+v;s.async=false;s.id='$identificadorDaConta';if(!document.getElementById('$identificadorDaConta')){document.getElementsByTagName('head')[0].appendChild(s);};\$gn={validForm:true,processed:false,done:{},ready:function(fn){\$gn.done=fn;}};</script>";
-
-
-
-
-
     $paymentOptionsScript = "<div id='modal_content'></div>
+    <script type=\"text/javascript\">
+        var apiEnvironment = '$apiEnvironment';
+        var identificadorDaConta = '$identificadorDaConta';
+
+        var inputEnviroment = $('<input />', {
+            value: apiEnvironment,
+            type: 'hidden',
+            name: 'apiEnvironment',
+            id: 'apiEnvironment'
+        });
+        $(document.body).append(inputEnviroment);
+
+        var inputIdentificador = $('<input />', {
+            value: identificadorDaConta,
+            type: 'hidden',
+            name: 'identificadorDaConta',
+            id: 'identificadorDaConta'
+        });
+        $(document.body).append(inputIdentificador);
+    </script>
 
-    $scriptGetPaymentToken
-
-    <script defer type=\"text/javascript\" src=\"$baseUrl/modules/gateways/efi/gerencianet_lib/scripts/js/viewInvoiceModal.js\"></script>
-
-    <script defer type=\"text/javascript\" src=\"$baseUrl/modules/gateways/efi/gerencianet_lib/scripts/js/jquery-mask/jquery.mask.min.js\"></script>
-
-    <script defer type=\"text/javascript\" src=\"$baseUrl/modules/gateways/efi/gerencianet_lib/scripts/js/validation/validation.js\"></script>
-
-    $autoCompleteFields
-
-    <script defer type=\"text/javascript\" src=\"$baseUrl/modules/gateways/efi/gerencianet_lib/scripts/js/autoComplete/autoComplete.js\"></script>
 
     $autoCompletetotal
+    <script defer type=\"text/javascript\" src=\"$baseUrl/modules/gateways/efi/gerencianet_lib/scripts/js/efi.min.js\"></script>
 
     ";
 

diff --git a/efi/gerencianet_lib/css/viewInvoiceModal.css b/efi/gerencianet_lib/css/viewInvoiceModal.css
@@ -1,3 +1,17 @@
+.optionPaymentGerencianet::-webkit-scrollbar,
+.optionPaymentGerencianet *::-webkit-scrollbar {
+    width: 4px;
+    /* Largura da barra de rolagem vertical */
+}
+
+.optionPaymentGerencianet::-webkit-scrollbar-thumb,
+.optionPaymentGerencianet *::-webkit-scrollbar-thumb {
+    background-color: #FF8C52;
+    /* Cor de fundo da barra de rolagem */
+    border-radius: 5px;
+    /* Raio das bordas da barra de rolagem */
+}
+
 .botao {
     background-color: #f26522;
     background-image: url("../images/gn-cinza.png");
@@ -43,10 +57,6 @@
     left: 0;
 }
 
-.obrigatorio {
-    color: red !important;
-}
-
 .optionsPaymentsMethods {
     display: flex !important;
 }
@@ -72,6 +82,7 @@
 
 .pay_option_container img {
     width: 1.5em !important;
+    margin: 0;
 }
 
 .pay_option_container input {
@@ -95,7 +106,7 @@
     display: flex !important;
     flex-direction: column !important;
     justify-content: space-around !important;
-    padding-left: 5px !important;
+    align-items: baseline;
 }
 
 .labelPayment label {
@@ -121,6 +132,7 @@
 
 .optionSelected input {
     height: 30px !important;
+    border: 1px solid #ccc !important;
     border-radius: 5px!important;
     padding: 5px !important;
 }
@@ -152,6 +164,7 @@
 
 .meuPopUp h3 {
     margin-top: 5% !important;
+    font-size: 23px !important;
 }
 
 .optionPaymentGerencianet {
@@ -173,6 +186,7 @@
 .meuPopUp {
     background-color: white !important;
     min-width: 55% !important;
+    height: 99%;
     padding: 30px !important;
     z-index: 200000 !important;
     display: flex;
@@ -185,7 +199,29 @@
 .meuPopUp form {
     display: flex !important;
     flex-direction: column !important;
-    height: 100%;
+    overflow-y: scroll !important;
+    overflow-x: hidden;
+    padding: 2px;
+}
+
+@keyframes modal {
+    from {
+        opacity: 0;
+        transform: translate3d(0, -60px, 0);
+    }
+    to {
+        opacity: 1;
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+.mostrar .meuPopUp {
+    animation: modal .6s;
+}
+
+.optionPaymentGerencianet,
+.optionPaymentGerencianet * {
+    color: black !important;
 }
 
 .button {
@@ -204,26 +240,24 @@
     border-radius: 5px !important;
 }
 
-@keyframes modal {
-    from {
-        opacity: 0;
-        transform: translate3d(0, -60px, 0);
-    }
-    to {
-        opacity: 1;
-        transform: translate3d(0, 0, 0);
-    }
+.button:hover {
+    background-color: #ff9c4d !important;
 }
 
-.mostrar .meuPopUp {
-    animation: modal .6s;
+.obrigatorio {
+    color: red !important;
+}
+
+.form-group label,
+.form-group input,
+.form-group select {
+    font-size: 15px !important;
 }
 
 @media screen and (max-width: 1401px) {
     .meuPopUp {
         width: 80% !important;
     }
-
     .labelPayment label,
     .formularios span {
         font-weight: 600 !important;
@@ -236,10 +270,9 @@
         font-size: 1rem !important;
     }
     .meuPopUp {
-        width: 95% !important;
+        width: 100% !important;
         border: 4px solid #f3722c !important;
     }
-
     .labelPayment label,
     .formularios span {
         font-weight: 600 !important;
@@ -248,6 +281,9 @@
 }
 
 @media screen and (max-width: 450px) {
+    .button {
+        width: 100% !important;
+    }
     .optionPaymentGerencianet {
         padding: 0;
         width: 100vw !important;
@@ -289,12 +325,16 @@
         font-weight: 600 !important;
         font-size: 4.2vw !important;
     }
-    .labelPayment {
-        padding-left: 10px !important;
-    }
     .labelPayment label {
         gap: 12px;
     }
+    .meuPopUp h3 {
+        font-size: 1.75rem !important;
+    }
+    .form-group label,
+    .form-group input {
+        font-size: 3.7vw !important;
+    }
 }
 
 #labelCartao {
@@ -321,6 +361,7 @@
 
 .optionSelected .checkNormal {
     height: auto !important;
+    position: initial;
 }
 
 .fechar:hover {

diff --git a/efi/gerencianet_lib/functions/gateway/PIX.php b/efi/gerencianet_lib/functions/gateway/PIX.php
@@ -426,7 +426,6 @@ function btnConfirm() {
         padding: 10px;
         border: none;
         border-radius: 5px;
-        font-size: 16px;
         margin-top: 3px;
         font-weight: bold;
         width:240px;