From 243c8b732b14aeaf02dc98bc06e54fc15778f8d3 Mon Sep 17 00:00:00 2001
From: difenix6 <difenix6@gmail.com>
Date: Wed, 5 Oct 2022 12:41:53 -0500
Subject: [PATCH] Se corrige css en MAC por cuestiones de compatibilidad

---
 src/Components/Operaciones/Viaje/Viaje.tsx | 10 ++++----
 src/Constants/TargetURL.ts                 |  2 +-
 src/css/autoComplete.css                   | 29 ++++++++++++++++++----
 3 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/Components/Operaciones/Viaje/Viaje.tsx b/src/Components/Operaciones/Viaje/Viaje.tsx
index 01020b5..6188985 100644
--- a/src/Components/Operaciones/Viaje/Viaje.tsx
+++ b/src/Components/Operaciones/Viaje/Viaje.tsx
@@ -393,14 +393,14 @@ export const Viaje: FC<IProps> = (props) => {
             <Col xs={2}>Origen</Col>
             <Col xs={4}>
               <div className='mainDiv'>
-                <Form.Group className='typeahead-form-group'>
+                <Form.Group className='typeahead-form-group1'>
                   <Form.Control
                     autoComplete='nope'
                     type='text'
                     id='Origen'
                     value={Origen}
                     size='sm'
-                    className='dialogLabel'
+                    className='textBoxViaje'
                     onChange={(e) => {
                       setOrigen(e.target.value)
                       setSelectedOrigen(false)
@@ -437,7 +437,7 @@ export const Viaje: FC<IProps> = (props) => {
             </Col>
             <Col xs={4}>
               <div className='mainDiv'>
-                <Form.Group className='typeahead-form-group'>
+                <Form.Group className='typeahead-form-group2'>
                   <Form.Control
                     autoComplete='nope'
                     type='text'
@@ -562,7 +562,7 @@ export const Viaje: FC<IProps> = (props) => {
             <Col xs={2}>Servicio</Col>
             <Col xs={4}>
               <div className='mainDiv'>
-                <Form.Group className='typeahead-form-group'>
+                <Form.Group className='typeahead-form-3'>
                   <Form.Control
                     autoComplete='nope'
                     type='text'
@@ -654,7 +654,7 @@ export const Viaje: FC<IProps> = (props) => {
             <Col xs={2}>Proveedor</Col>
             <Col xs={10}>
               <div className='mainDiv'>
-                <Form.Group className='typeahead-form-group'>
+                <Form.Group className='typeahead-form-group4'>
                   <Form.Control
                     autoComplete='nope'
                     type='text'
diff --git a/src/Constants/TargetURL.ts b/src/Constants/TargetURL.ts
index 45af750..32a69b9 100644
--- a/src/Constants/TargetURL.ts
+++ b/src/Constants/TargetURL.ts
@@ -1,5 +1,5 @@
 export class TargetURL {
     get() {
-           return (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') ? "https://localhost:7000/api" : "https://www.alphaomega.com.mx/AOLBackend/api"
+           return (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') ? "https://www.alphaomega.com.mx/AOLBackend/api" : "https://www.alphaomega.com.mx/AOLBackend/api"
     }
   }
\ No newline at end of file
diff --git a/src/css/autoComplete.css b/src/css/autoComplete.css
index 38c1750..cf76eec 100644
--- a/src/css/autoComplete.css
+++ b/src/css/autoComplete.css
@@ -1,17 +1,32 @@
 .mainDiv {
  /*    padding-top: 50px; */
     font-family: sans-serif;
-    text-align: center;
-   /*  width: 300px; */
-   /*  margin: 0 auto; */
+    text-align: left;
+    /*width: 300px;*/
+    margin: 0 auto; 
 }
 
 .typeahead-form-group {
     position: relative;
-    z-index: 10000;
+    z-index: 1000;
 }
 
-.typeahead-list-group {
+.typeahead-form-group1 {
+    position: relative;
+    z-index: 999;
+}
+
+.typeahead-form-group2 {
+    position: relative;
+    z-index: 998;
+}
+
+.typeahead-form-group3 {
+    position: relative;
+    z-index: 998;
+}
+
+.typeahead-list-group4 {
     position: absolute;
     width: 100%;
     top: 38px;
@@ -27,4 +42,8 @@
     cursor: pointer;
     background: #2d4ddc;
     color: #fff;
+}
+
+.textBoxViaje {
+    z-index: 100;
 }
\ No newline at end of file