From 70802a42dd8ec19ccb905899d102bcca973c849a Mon Sep 17 00:00:00 2001 From: cherif Date: Thu, 10 Aug 2023 15:56:51 +0200 Subject: [PATCH] 10/08/23 - 16h --- src/components/AddPartnerClient.js | 2 +- src/components/DisplayPartnerSession.js | 1207 +++++++++++++---- .../components/_displaypartnersession.scss | 107 +- src/styles/components/_global_mysy_css.scss | 6 +- 4 files changed, 982 insertions(+), 340 deletions(-) diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js index 23d8a2c..1b1aa95 100644 --- a/src/components/AddPartnerClient.js +++ b/src/components/AddPartnerClient.js @@ -2166,7 +2166,7 @@ const AddParnerClient = (props) => {
-
+ } diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index a90dd2a..3c161cf 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -398,8 +398,8 @@ const DisplayPartnerSession = (props) => { axios.post(myurl, form).then(res => { if (String(res.data.status) === String("true")) { - console.log(" In Getall_TrainingSession res.data.status = " + res.data.status); - console.log(" In Getall_TrainingSession res.data.message r_class = " + res.data.message); + //console.log(" In Getall_TrainingSession res.data.status = " + res.data.status); + //console.log(" In Getall_TrainingSession res.data.message r_class = " + res.data.message); setGetall_TrainingSession_api("true"); setGetall_TrainingSession_result(res.data.message); setRows(res.data.message); @@ -431,6 +431,7 @@ const DisplayPartnerSession = (props) => { setselected_internal_url(cellValues.row.class_internal_url); setEdite_session("1"); + submenu_detail_session(); //GetListePreinscrit(cellValues.row.code_session, cellValues.row.class_internal_url); //GetListeInscrit(cellValues.row.code_session, cellValues.row.class_internal_url); @@ -472,6 +473,10 @@ const DisplayPartnerSession = (props) => { setsubmenu("inscrit"); } + function submenu_detail_session() { + setsubmenu("detail_session"); + } + function handleClickSessionManagement(event, cellValues) { var code_session = cellValues.row.code_session; setselected_code_session(cellValues.row.code_session); @@ -561,6 +566,7 @@ const DisplayPartnerSession = (props) => { const [addOneSession, setaddOneSession] = useState(); function submenu_add_one_session() { setaddOneSession("1"); + setEdite_session("0"); } @@ -1314,18 +1320,6 @@ const DisplayPartnerSession = (props) => { setsessionChanged(true); } - function annuleSessionUpdate() { - clearSessionFields(); - GetCurrentSession(selected_code_session); - setsessionChanged(false); - desableSessionFields(); - setCreateSessionFormation_api(); - setCreateSessionFormation_message(); - setone_CreateSessionFormation_api(); - setone_CreateSessionFormation_message(); - setone_CreateSessionFormation_result() - } - function One_annuleSessionUpdate() { One_clearSessionFields(); @@ -1347,6 +1341,10 @@ const DisplayPartnerSession = (props) => { function desableSessionFields() { + setedit_session_form(false); + document.getElementsByName("myclass_title")[0].disabled = true; + document.getElementsByName("myclass_title")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("code_session")[0].disabled = true; document.getElementsByName("code_session")[0].style.backgroundColor = "#ECEFF1"; @@ -1396,10 +1394,13 @@ const DisplayPartnerSession = (props) => { } + let [edit_session_form, setedit_session_form] = useState(false); function enableSessionFields() { + setedit_session_form(true); + document.getElementsByName("code_session")[0].disabled = false; + document.getElementsByName("code_session")[0].style.backgroundColor = "#FFFFFF"; - //setfields1desabled(true); document.getElementsByName("sessiondatedebut")[0].disabled = false; document.getElementsByName("sessiondatedebut")[0].style.backgroundColor = "#FFFFFF"; @@ -1543,16 +1544,11 @@ const DisplayPartnerSession = (props) => { var prix_session; - var one_myclass_internal_url = "" - one_myclass_internal_url = "" - if (document.getElementById("one_myclass_internal_url") && document.getElementById("one_myclass_internal_url").value != "") { - one_myclass_internal_url = document.getElementById("one_myclass_internal_url").value; - } - if (one_myclass_internal_url.trim() == "") { + if (selected_internal_url.trim() == "") { alert(" Vous devez choisir une formation "); return; } - console.log(" one_myclass_internal_url = ", one_myclass_internal_url); + console.log(" one_myclass_internal_url = ", selected_internal_url); @@ -1579,28 +1575,17 @@ const DisplayPartnerSession = (props) => { return; } - var session_ondemande = "0" - session_ondemande = "" - if (document.getElementById("session_ondemande") && document.getElementById("session_ondemande").value != "") { - session_ondemande = document.getElementById("session_ondemande").value; - } + var session_ondemande = p_session_ondemande - var presentiel = "0" - presentiel = "" - if (document.getElementById("presentiel") && document.getElementById("presentiel").value != "") { - presentiel = document.getElementById("presentiel").value; - } + + var presentiel = p_session_presentiel if (presentiel.trim() == "") { alert(" Vous devez preciser si la session est en présentiel"); return; } - var distantiel = "0" - distantiel = "" - if (document.getElementById("distantiel") && document.getElementById("distantiel").value != "") { - distantiel = document.getElementById("distantiel").value; - } + var distantiel = p_session_distance if (distantiel.trim() == "") { alert(" Vous devez preciser si la session est en distantiel"); return; @@ -1652,7 +1637,7 @@ const DisplayPartnerSession = (props) => { //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); - form.append("class_internal_url", one_myclass_internal_url); + form.append("class_internal_url", selected_internal_url); form.append("formation_session_id", selected_code_session); form.append("date_debut", format(SessionstartDate, 'dd/MM/yyyy kk:mm:ss')); form.append("date_fin", format(SessionendDate, 'dd/MM/yyyy kk:mm:ss')); @@ -1699,6 +1684,7 @@ const DisplayPartnerSession = (props) => { setsessionChanged(false); desableSessionFields(); GetCurrentClass_trainingsession(); + alert(" La session a été mise à jour"); } else if (String(res.data.status) === String("Err_Connexion")) { alert('Erreur: ' + res.data.message); @@ -1714,6 +1700,7 @@ const DisplayPartnerSession = (props) => { console.warn('CreateSessionFormation : Not good man :( mysearchtext = ' + error); setCreateSessionFormation_api("false"); + alert(" Impossible de mettre à jour la session"); }) } @@ -1956,6 +1943,18 @@ const DisplayPartnerSession = (props) => { //seturlpreview_certif(val[1]); } + + const [p_session_ondemande, setp_session_ondemande] = useState("0"); + const [p_session_ondemande_label, setp_session_ondemande_label] = useState(""); + + const [p_session_distance, setp_session_distance] = useState("0"); + const [p_session_distance_label, setp_session_distance_label] = useState(""); + + const [p_session_presentiel, setp_session_presentiel] = useState("0"); + const [p_session_presentiel_label, setp_session_presentiel_label] = useState(""); + + + const [GetCurrentSession_api, setGetCurrentSession_api] = useState(); const [GetCurrentSession_message, setGetCurrentSession_message] = useState(); const [GetCurrentSession_result, setGetCurrentSession_result] = useState(); @@ -1974,8 +1973,8 @@ const DisplayPartnerSession = (props) => { if (String(res.data.status) === "true") { //console.log(" In GetCurrentSession res.data.status = " + res.data.status); - console.log(" In GetCurrentSession res.data.message r_class = " + res.data.message); - console.log(" In GetCurrentSession res.data.message len = " + String(res.data.message).length); + //console.log(" In GetCurrentSession res.data.message r_class = " + res.data.message); + //console.log(" In GetCurrentSession res.data.message len = " + String(res.data.message).length); setGetCurrentSession_api("true"); if (String(res.data.message).length > 0) { @@ -1999,8 +1998,6 @@ const DisplayPartnerSession = (props) => { } - - if (mylocaltraining.date_fin_inscription) { var date_fin_inscript = new Date(moment(mylocaltraining.date_fin_inscription, "DD/MM/YYYY HH:mm:ss")); setSessionendDateInscription(date_fin_inscript); @@ -2013,6 +2010,10 @@ const DisplayPartnerSession = (props) => { } + document.getElementsByName("myclass_title")[0].value = ""; + if (mylocaltraining.myclass[0].title) + document.getElementsByName("myclass_title")[0].value = mylocaltraining.myclass[0].title; + document.getElementsByName("code_session")[0].value = ""; if (mylocaltraining.code_session) @@ -2026,19 +2027,31 @@ const DisplayPartnerSession = (props) => { if (mylocaltraining.prix_session) document.getElementsByName("prix_session")[0].value = mylocaltraining.prix_session; - document.getElementsByName("distantiel")[0].value = ""; - if (mylocaltraining.distantiel) - document.getElementsByName("distantiel")[0].value = mylocaltraining.distantiel; + if (mylocaltraining.distantiel) { + setp_session_distance(mylocaltraining.distantiel); + if (String(mylocaltraining.distantiel) === "1") + setp_session_distance_label("Oui"); + else + setp_session_distance_label("Non") + } + if (mylocaltraining.session_ondemande) { + setp_session_ondemande(mylocaltraining.session_ondemande); + if (String(mylocaltraining.session_ondemande) === "1") + setp_session_ondemande_label("Oui"); + else + setp_session_ondemande_label("Non") - document.getElementsByName("session_ondemande")[0].value = ""; - if (mylocaltraining.session_ondemande) - document.getElementsByName("session_ondemande")[0].value = mylocaltraining.session_ondemande; + } - document.getElementsByName("presentiel")[0].value = ""; - if (mylocaltraining.presentiel) - document.getElementsByName("presentiel")[0].value = mylocaltraining.presentiel; + if (mylocaltraining.presentiel) { + setp_session_presentiel(mylocaltraining.presentiel); + if (String(mylocaltraining.presentiel) === "1") + setp_session_presentiel_label("Oui"); + else + setp_session_presentiel_label("Non") + } if (mylocaltraining.contenu_ftion) setfield_contenu_ftion(mylocaltraining.contenu_ftion); @@ -2075,6 +2088,8 @@ const DisplayPartnerSession = (props) => { else if (String(mylocaltraining.session_status) === "false") setsessionStatus(false); + desableSessionFields(); + } } else if (String(res.data.status) === String("Err_Connexion")) { @@ -2098,14 +2113,13 @@ const DisplayPartnerSession = (props) => { function annuleSessionUpdate() { clearSessionFields(); - GetCurrentSession(selected_code_session); setsessionChanged(false); - desableSessionFields(); setCreateSessionFormation_api(); setCreateSessionFormation_message(); setone_CreateSessionFormation_api(); setone_CreateSessionFormation_message(); - setone_CreateSessionFormation_result() + setone_CreateSessionFormation_result(); + GetCurrentSession(selected_code_session, selected_internal_url); } const [SessionstartDate, setSessionstartDate] = useState(); @@ -2257,8 +2271,8 @@ const DisplayPartnerSession = (props) => { axios.post(myurl, form).then(res => { if (String(res.data.status) === String("true")) { - console.log(" In GetCurrentPartnerClass res.data.status = " + res.data.status); - console.log(" In GetCurrentPartnerClass res.data.message r_class = " + res.data.message); + //console.log(" In GetCurrentPartnerClass res.data.status = " + res.data.status); + //console.log(" In GetCurrentPartnerClass res.data.message r_class = " + res.data.message); setGetCurrentPartnerClass_api("true"); setGetCurrentPartnerClass_result(res.data.message); @@ -2279,6 +2293,10 @@ const DisplayPartnerSession = (props) => { }) } + function close_edit_form() { + setEdite_session("0"); + } + return (
@@ -2721,26 +2739,25 @@ const DisplayPartnerSession = (props) => {
-
Choisir une formation *
- Formation
+ + name="myclass_title" + id="myclass_title" + text + InputLabelProps={{ + shrink: true, + }} + disabled={true} + className="disabled_style enable_style" - {selected_internal_url} + > - +
-
+
Code Session
{ />
-
Session à la demande* (0 = Non, 1 = Oui)
+ {edit_session_form &&
Session à la demande*
setp_session_ondemande(e.target.value)} > - + Oui    + Non   -
+
} + + {!edit_session_form &&
Session à la demande*
+ + +
}
Date Debut @@ -2853,37 +2889,77 @@ const DisplayPartnerSession = (props) => {
-
Présentiel *(0 = Non, 1 = Oui)
+ {edit_session_form &&
Présentiel *
setp_session_presentiel(e.target.value)} > - + Oui    + Non   -
+
} -
A distance*(0 = Non, 1 = Oui)
+ {!edit_session_form &&
Présentiel *
+ + +
} + + + + {edit_session_form &&
A distance*
setp_session_distance(e.target.value)} > - + Oui    + Non   -
+
} + + {!edit_session_form &&
A distance*
+ + +
} {String(reduction_session) === "0" &&
Adresse
@@ -2892,7 +2968,7 @@ const DisplayPartnerSession = (props) => { required name="adresse" id="adresse" - + text InputLabelProps={{ shrink: true, }} @@ -3062,18 +3138,22 @@ const DisplayPartnerSession = (props) => {
- {sessionChanged && selected_code_session && - } + + {edit_session_form && selected_code_session && + }
{!sessionChanged && selected_code_session && fields1desabled && - } {((sessionChanged && selected_code_session) || !fields1desabled) && - }
@@ -3217,206 +3297,640 @@ const DisplayPartnerSession = (props) => {
+
- {selected_code_session && selected_internal_url &&
- - - - -
- Télécharger un fichier modèle -
- - {participant_file_name}
- {String(liste_participants_file_change_api) === String("true") && } - {String(liste_participants_file_change_api) === String("false") && } - - -
} +
- {!selected_code_session && !selected_internal_url &&
+ {String(submenu) === String("detail_session") &&
+
- - +
Formation
+ - Télécharger un fichier modèle -
+ name="myclass_title" + id="myclass_title" + text + InputLabelProps={{ + shrink: true, + }} + disabled={true} + className="disabled_style enable_style" - {participant_file_name}
- {String(liste_participants_file_change_api) === String("true") && } - {String(liste_participants_file_change_api) === String("false") && } + > - +
+ +
+
Code Session
+ +
+ + {edit_session_form &&
Session à la demande*
+ setp_session_ondemande(e.target.value)} + > + Oui    + Non   + +
} + + {!edit_session_form &&
Session à la demande*
+ + +
} + +
+ Date Debut + { + setSessionstartDate(date); + setsessionChanged(true); + } + } + showTimeSelect={false} + filterTime={filterPassedTime_start} + dateFormat="dd/MM/yyyy" + className="disabled_style" + locale='fr-FR' + + /> +
-
} +
Date Fin + { + setSessionendDate(date); + setsessionChanged(true); + } + } + showTimeSelect={false} + filterTime={filterPassedTime_end} + dateFormat="dd/MM/yyyy" + className="disabled_style" + /> +
- {String(addOneParticipant) === "1" &&
-
Ajout d'un nouveau participant
+
Date Debut des inscriptions * + { + setSessionstartDateInscription(date); + setsessionChanged(true); + } -
Nom *
- -
+ /> +
-
Prenom *
- Date Fin des inscriptions * + { + setSessionendDateInscription(date); + setsessionChanged(true); + } + } + showTimeSelect={false} + //filterTime={filterPassedTime_end} + dateFormat="dd/MM/yyyy" + className="disabled_style" + /> +
- InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style enable_style" - /> -
+ {edit_session_form &&
Présentiel *
+ setp_session_presentiel(e.target.value)} + > + Oui    + Non   + +
} -
Email *
- Présentiel *
+ - InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style enable_style" - - /> -
- -
téléphone *
- -
- -
Status Inscription *
- - {status_inscription.map((option) => ( - - {option.label}  
-
- ))} -
-
+
} -
-   -
- {
+ {edit_session_form &&
A distance*
+ setp_session_distance(e.target.value)} + > + Oui    + Non   + +
} -
- -
+ {!edit_session_form &&
A distance*
+ -
- +
} + + {String(reduction_session) === "0" &&
+
Adresse
+ +
+
Code postal
+ +
+
Ville
+ +
+ +
Formateur
+ +
+ +
Code Formation LMS + (le code créé dans le LMS) + +
+ + +
Nombre participants *
+ +
+ +
Prix session
+ +
+ + + + + +
+ {!fields1desabled &&
Choisir un modèle d'attestation : + + + + +
} + {fields1desabled &&
Le modèle d'attestation : + + + +
} + +
Contenu de la formation (max 800 caractères)
+ (à afficher sur l'attestation) + {!fields1desabled &&
} + {!fields1desabled &&
} + + editorRef_contenu_ftion.current = editor} + initialValue={field_contenu_ftion} + onKeyUp={editor_contenu_ftion_keyup} + disabled={fields1desabled} + + init={{ + resize: false, + + height: 200, + menubar: false, + plugins: [ + 'advlist autolink lists link image charmap print preview anchor', + 'searchreplace visualblocks code fullscreen', + 'insertdatetime media table paste code help wordcount' + ], + toolbar: false, + content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:12px; }' + }} + /> +
+
+ + +
+   +
+ + + + + {
+ +
+ + {!sessionChanged && selected_code_session && fields1desabled && + } + + {edit_session_form && selected_code_session && + } +
+ +
+ {!sessionChanged && selected_code_session && fields1desabled && + } + + {((sessionChanged && selected_code_session) || !fields1desabled) && + } + +
+ +
} + +
} + +
+   +
-
} -
-   -
-
- } + {String(submenu) === String("preinscrit") &&
+ +
+ {selected_code_session && selected_internal_url &&
+ + + + +
+ Télécharger un fichier modèle +
+ + {participant_file_name}
+ {String(liste_participants_file_change_api) === String("true") && } + {String(liste_participants_file_change_api) === String("false") && } + + + + +
} + + {!selected_code_session && !selected_internal_url &&
+ + + + +
+ Télécharger un fichier modèle +
+ + {participant_file_name}
+ {String(liste_participants_file_change_api) === String("true") && } + {String(liste_participants_file_change_api) === String("false") && } + + + + +
} + + {String(addOneParticipant) === "1" &&
+
Ajout d'un nouveau participant
+ +
Nom *
+ +
+ + +
Prenom *
+ +
+ +
Email *
+ +
+ +
téléphone *
+ +
+ +
Status Inscription *
+ + {status_inscription.map((option) => ( + + {option.label}  
+
+ ))} +
+
+
+   +
+ {
+ +
+ +
+ +
+ + +
+ +
} +
+   +
-
- {String(submenu) === String("preinscrit") &&
+
} +
-
+
{ @@ -3528,7 +4042,196 @@ const DisplayPartnerSession = (props) => {
} - {String(submenu) === String("inscrit") &&
+ {String(submenu) === String("inscrit") &&
+ +
+ {selected_code_session && selected_internal_url &&
+ + + + +
+ Télécharger un fichier modèle +
+ + {participant_file_name}
+ {String(liste_participants_file_change_api) === String("true") && } + {String(liste_participants_file_change_api) === String("false") && } + + + + +
} + + {!selected_code_session && !selected_internal_url &&
+ + + + +
+ Télécharger un fichier modèle +
+ + {participant_file_name}
+ {String(liste_participants_file_change_api) === String("true") && } + {String(liste_participants_file_change_api) === String("false") && } + + + + +
} + + {String(addOneParticipant) === "1" &&
+
Ajout d'un nouveau participant
+ +
Nom *
+ +
+ + +
Prenom *
+ +
+ +
Email *
+ +
+ +
téléphone *
+ +
+ +
Status Inscription *
+ + {status_inscription.map((option) => ( + + {option.label}  
+
+ ))} +
+
+ + + +
+   +
+ {
+ +
+ +
+ +
+ + +
+ +
} +
+   +
+ + + +
} +
{
-
+
); } diff --git a/src/styles/components/_displaypartnersession.scss b/src/styles/components/_displaypartnersession.scss index d0441b0..31dccf2 100644 --- a/src/styles/components/_displaypartnersession.scss +++ b/src/styles/components/_displaypartnersession.scss @@ -4,31 +4,11 @@ .Mui-disabled { font-size: small !important; padding: 0px !important; + padding-left: 5px !important; } - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; - } - @media screen and (max-width: 600px) { .okUpdateData { font-size: small; @@ -166,6 +146,8 @@ margin: 5px !important; height: 3.5rem !important; background: white; + border: solid gainsboro 1px; + } .training_caract { @@ -193,6 +175,7 @@ animation-duration: 10ms; height: 3rem !important; padding: 0 !important; + padding-left: 5px !important; } .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { @@ -498,6 +481,7 @@ //border: none !important; border-radius: 5px; background: white; + border: solid gainsboro 1px; } .training_caract { @@ -525,6 +509,7 @@ animation-duration: 10ms; height: 3rem !important; padding: 0 !important; + padding-left: 5px !important; } .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { @@ -606,7 +591,7 @@ } .preview_certif:hover { - transform: scale(2); + transform: scale(1.3); margin-left: 5rem; } @@ -823,6 +808,7 @@ //border: none !important; border-radius: 5px; background: white; + border: solid gainsboro 1px; } .training_caract { @@ -850,6 +836,7 @@ animation-duration: 10ms; height: 3rem !important; padding: 0 !important; + padding-left: 5x !important; } .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { @@ -932,7 +919,7 @@ } .preview_certif:hover { - transform: scale(2); + transform: scale(1.3); margin-left: 5rem; } @@ -1149,6 +1136,7 @@ //border: none !important; border-radius: 5px; background: white; + border: solid gainsboro 1px; } .training_caract { @@ -1176,6 +1164,7 @@ animation-duration: 10ms; height: 3rem !important; padding: 0 !important; + padding-left: 5px !important; } .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { @@ -1227,7 +1216,7 @@ } .preview_certif:hover { - transform: scale(1.8); + transform: scale(1.4); margin-left: 10rem; } @@ -1319,32 +1308,12 @@ background-color: #FFFFFF; } - // end media + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { padding-top: 5px !important; padding-bottom: 5px !important; - } - - .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; + padding-left: 5px !important; } .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { @@ -1423,8 +1392,10 @@ margin-left: 10px; margin-right: 10px; } + } +// end media option { font-weight: normal; display: block; @@ -1464,47 +1435,7 @@ display: none !important; } -.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; -} -.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { - font: inherit; - letter-spacing: inherit; - color: currentColor; - border: 0; - box-sizing: content-box; - background: none; - background-color: rgba(0, 0, 0, 0); - margin: 0; - -webkit-tap-highlight-color: transparent; - display: block; - min-width: 0; - width: 100%; - -webkit-animation-name: mui-auto-fill-cancel; - animation-name: mui-auto-fill-cancel; - -webkit-animation-duration: 10ms; - animation-duration: 10ms; - height: 3rem !important; - padding: 0 !important; -} .css-1x5jdmq { @@ -1523,4 +1454,8 @@ .react-datepicker__input-container { width: 110%; +} + +.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{ + padding-left: 5px !important; } \ No newline at end of file diff --git a/src/styles/components/_global_mysy_css.scss b/src/styles/components/_global_mysy_css.scss index 70eb3c0..85123d4 100644 --- a/src/styles/components/_global_mysy_css.scss +++ b/src/styles/components/_global_mysy_css.scss @@ -14,4 +14,8 @@ .Mui-selected{ background-color:#ccccff !important; -} \ No newline at end of file +} + +.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select{ + padding-left: 5px !important; +} \ No newline at end of file