recette2
cherif 2024-08-24 22:21:51 +02:00
parent 7b4ee1a2bc
commit 6b6910cac0
7 changed files with 1552 additions and 850 deletions

View File

@ -70,34 +70,60 @@ function App() {
dynamicWidth: window.innerHeight
});
/*
const getSubdomain = url => {
let domain = url;
if (url.includes("://")) {
domain = url.split('://')[1];
}
const subdomain = domain.split('.')[0];
return subdomain;
};
useEffect(() => {
// Verifier s'il y a un sous domaine
var tab_split_sous_domain = window.location.host.split(".");
let myurl = window.location.host;
let myurl_pathname = window.location.pathname;
console.log(" yaaaaaaaaaa tab_split_sous_domain = ", tab_split_sous_domain);
//console.log(" url 12 = ", myurl);
console.log("process.env.REACT_APP_FRONT_URL_CANONICAL = ", process.env.REACT_APP_FRONT_URL_CANONICAL);
//console.log(" action 12 = ", window.location.pathname);
if(String(tab_split_sous_domain[0]) !== String(process.env.REACT_APP_FRONT_URL_CANONICAL) ){
console.log(" La racine n'est pas normal, on redirige");
var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog";
var domain = myurl;
if (domain.includes('://')) {
domain = myurl.split('://')[1];
}
console.log(" La racine n'est pas normal, on redirige vers : ");
var tab_split = domain.split('.');
console.log(" new_url = ", new_url);
const subdomain = domain.split('.')[0];
// console.log(" subdomain 12 = ", subdomain);
window.open( String(new_url),
if (tab_split.length > 1 && myurl_pathname) {
//console.log(" on est dans myurl_pathname = ", myurl_pathname);
var tab_action = ['/moncatalog', '/Display-Partner-Catalog-Detail-formation'];
if (!tab_action.includes(myurl_pathname)) {
console.log(' le traitement a faire est : ', myurl_pathname);
var new_url = window.location.protocol + "//" + domain.split('.')[0] + "." + domain.split('.')[1] + "/moncatalog";
//console.log(' new_url =', new_url);
window.open(
new_url,
'_self'
);
);
}
return;
}
}, []);*/
}, []);
return (

View File

@ -126,7 +126,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
useEffect(() => {
Get_Subdomain_Partner_Data(window.location.host.split(".")[0])
Get_Subdomain_Partner_Data(window.location.host);
async function funclocaltoken() {
@ -1176,9 +1176,14 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState();
function Get_Subdomain_Partner_Data(local_url_subdomain) {
var form = new FormData();
let domain = local_url_subdomain;
if (domain.includes("://")) {
domain = domain.split('://')[1];
}
const subdomain = domain.split('.')[0];
form.append("subdomain", local_url_subdomain);
var form = new FormData();
form.append("subdomain", subdomain);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/";

View File

@ -951,7 +951,10 @@ const Mon_Catalogue_Public = () => {
var ip = "";
Get_Subdomain_Partner_Data(window.location.host.split(".")[0])
Get_Subdomain_Partner_Data(window.location.host)
async function fetchData() {
// const result = await axios('https://geolocation-db.com/json/',);
@ -1499,7 +1502,7 @@ const Mon_Catalogue_Public = () => {
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class_Given_partner_owner_recid_No_Login/";
form.append("subdomain", window.location.host.split(".")[0]);
console.log(" ######### laaaaaaaaaaaaa subdomain = ", window.location.host.split(".")[0])
//console.log(" ######### laaaaaaaaaaaaa subdomain = ", window.location.host.split(".")[0])
} else {
@ -2597,9 +2600,16 @@ const Mon_Catalogue_Public = () => {
const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState();
function Get_Subdomain_Partner_Data(local_url_subdomain) {
let domain = local_url_subdomain;
if (local_url_subdomain.includes("://")) {
domain = url.split('://')[1];
}
const subdomain = domain.split('.')[0];
var form = new FormData();
form.append("subdomain", local_url_subdomain);
form.append("subdomain", subdomain);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/";
@ -2607,7 +2617,7 @@ const Mon_Catalogue_Public = () => {
if (String(res.data.status) === "true") {
//console.log(" In Get_Subdomain_Partner_Data res.data.status = " + res.data.status);
// console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message);
// console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message);
setGet_Subdomain_Partner_Data_api("true");
setGet_Subdomain_Partner_Data_result(res.data.message);
@ -2630,6 +2640,10 @@ const Mon_Catalogue_Public = () => {
if (JSON.parse(x).catalog_pub_message_2_txt)
catalog_pub_message_2_txt = JSON.parse(x).catalog_pub_message_2_txt;
var catalog_pub_message_3_txt = ""
if (JSON.parse(x).catalog_pub_message_3_txt)
catalog_pub_message_3_txt = JSON.parse(x).catalog_pub_message_3_txt;
var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id;
@ -2646,6 +2660,7 @@ const Mon_Catalogue_Public = () => {
"catalog_pub_banniere_img": catalog_pub_banniere_img,
"catalog_pub_message_1_txt": catalog_pub_message_1_txt,
"catalog_pub_message_2_txt": catalog_pub_message_2_txt,
"catalog_pub_message_3_txt": catalog_pub_message_3_txt,
"catalog_pub_theme_id": catalog_pub_theme_id,
"theme_code": theme_code,
@ -3417,127 +3432,6 @@ const Mon_Catalogue_Public = () => {
</div>}
{/* <div className="tab_logo_metier">
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier} >
<img src={img_met_program} alt="Formation Programmation" className="img_categorie" id="IT" name="programmation" />
<div className="met_container">
<p className="met_text" id="IT">Informatique </p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier} >
<img src={img_met_graphisme} alt="Formation graphisme" className="img_categorie" id="graphisme" />
<div className="met_container">
<p className="met_text" id="graphisme">Graphisme</p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_projet} alt="Formation gestion projets" className="img_categorie" id="projets" />
<div className="met_container">
<p className="met_text" id="projets" >Projets </p>
</div>
</div>
</div>
<div className="calage"> &nbsp; </div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_management} alt="Formation Management" className="img_categorie" id="management" />
<div className="met_container">
<p className="met_text" id="management">Management</p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_digital} alt="Formation Digitale" className="img_categorie" id="digital" />
<div className="met_container">
<p className="met_text" id="digital">Digital </p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_rh} alt="Ressources Humaines" className="img_categorie" id="RH" />
<div className="met_container">
<p className="met_text" id="RH">RH</p>
</div>
</div>
</div>
<div className="calage"> &nbsp; </div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_market} alt="Marketing" className="img_categorie" id="marketing" />
<div className="met_container">
<p className="met_text" id="marketing">Marketing </p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_bureautic} alt="Autres" className="img_categorie" id="Office" />
<div className="met_container">
<p className="met_text" id="Office">Bureautique</p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_vente} alt="Commerce" className="img_categorie" id="vente" />
<div className="met_container">
<p className="met_text" id="vente">Commerce </p>
</div>
</div>
</div>
<div className="calage"> &nbsp; </div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_dev_perso} alt="Autres" className="img_categorie" id="dev_perso" />
<div className="met_container">
<p className="met_text_larg" id="dev_perso">Dev. Personnel</p>
</div>
</div>
</div>
<div className="calage"> &nbsp; </div>
</div>*/}
{/*<div>
<div className="criteres tab_gauche_all_categories" >
<div className="met_polaroid_gauche_all_categories" onClick={getClassByMetier} >
<div className="met_container_all_categories">
<p className="met_text_all_categories" id="tout" >Tous les Métiers </p>
</div>
</div>
</div>
</div>*/}
</div>
}
@ -3858,18 +3752,11 @@ const Mon_Catalogue_Public = () => {
</a>
<div className="Menu_Header">
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt && <font> toooooo </font>}
<nav className="header_menu"> &nbsp; </nav>
<nav className="bar_vert"> </nav>
<nav className="cta1">
<nav className="cta2" style={{ border: 'None' }}>
<div className="minscrire">
<font> Tel : 010101 - DEFAULT ( != MySy_Theme3 ) </font>
</div>
</nav>
</nav>
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt &&
<font> {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt} </font>}
</div>

File diff suppressed because it is too large Load Diff

View File

@ -157,19 +157,6 @@
border: 1px solid;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 97% !important;
//border: none !important;
margin: 5px !important;
height: 3.5rem !important;
background: white;
border: solid gainsboro 1px;
}
.training_caract {
width: 100%;
padding: 5px;
@ -633,6 +620,8 @@
cursor: pointer;
text-align: center;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1242,6 +1231,8 @@
cursor: pointer;
text-align: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

View File

@ -0,0 +1,860 @@
.partner_catalog_pub {
.tooltip_css {
background: #81BC3A;
z-index: 9999;
}
.loader-container {
width: 100%;
height: 100vh;
display: flex;
//justify-content: center;
align-items: center;
left: -5%;
position: fixed;
z-index: 1;
top: 0px;
background: white;
background-color: transparent;
}
.mysy_spinner {
border-radius: 5px;
//border: 1px solid black;
opacity: 100%;
}
.spinner {
width: 20rem;
height: 10rem;
border: 8px solid;
border-color: #3d5af1 transparent #3d5af1 transparent;
border-radius: 50%;
animation: spin-anim 1.2s linear infinite;
background-color: red;
color: black;
}
@media only screen and (max-width: 600px) {
/*style smartphones et petites tablettes en portrait*/
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 95%;
border-radius: 0px;
margin-bottom: 1rem;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 95%;
padding-left: 2%;
border-radius: 0px;
}
.btn_modif {
width: 10rem;
background-color: #212121 !important;
color: white;
}
.btn_enreg {
width: 10rem;
background-color: green !important;
color: white;
}
.div_row_center {
border-left: 0rem solid;
border-width: 0rem;
width: 80%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 2rem;
}
.btn_modif {
background-color: #212121 !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.btn_enreg {
background-color: green !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.preview_certif {
display: block;
width: 90%;
height: 200px;
border-radius: 1rem !important;
margin-top: 1rem !important;
min-height: 20rem !important;
}
.preview_certif:hover {
//transform: scale(1.8);
//margin-left: 10rem;
}
.session_caract {
width: 95%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 95%;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_class_submenu:hover:active,
.detail_class_submenu:hover {
background-color: #104277;
color: white;
}
.detail_class_submenu:focus {
//border: 3px dotted green;
background-color: #104277;
color: white;
}
.detail_class_submenu_data {
width: 100%;
background-color: #d8edfc;
padding-left: 5px;
text-align: left;
padding: 0;
border: 0px;
color: #3b3e40;
padding-left: 5px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
border-radius: 10px;
border: 1px solid;
display: block;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 100% !important;
height: 3.5rem !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
.disabled_style_multiline {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 100% !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
/*style petites-moyennes tablettes */
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 0px;
}
.div_row_droite {
border-left: 1rem solid;
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
padding-left: 2%;
border-radius: 0px;
}
.btn_modif {
width: 10rem;
background-color: #212121 !important;
color: white;
}
.btn_enreg {
width: 10rem;
background-color: green !important;
color: white;
}
.div_row_center {
border-left: 0rem solid;
border-width: 0rem;
width: 60%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 2rem;
}
.btn_modif {
background-color: #212121 !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.btn_enreg {
background-color: green !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.preview_certif {
display: block;
width: 90%;
height: 200px;
border-radius: 1rem !important;
margin-top: 1rem !important;
min-height: 20rem !important;
}
.preview_certif:hover {
// transform: scale(1.1);
//margin-left: 10rem;
}
.session_caract {
width: 95%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_class_submenu:hover:active,
.detail_class_submenu:hover {
background-color: #104277;
color: white;
}
.detail_class_submenu:focus {
//border: 3px dotted green;
background-color: #104277;
color: white;
}
.detail_class_submenu_data {
width: 100%;
background-color: #d8edfc;
padding-left: 5px;
text-align: left;
padding: 0;
border: 0px;
color: #3b3e40;
padding-left: 5px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
border-radius: 10px;
border: 1px solid;
display: block;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
height: 3.5rem !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
padding-top: 0.5rem !important;
border: none !important;
}
.disabled_style_multiline {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
padding-top: 0.5rem !important;
border: none !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 0px;
}
.div_row_droite {
border-left: 1rem solid;
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
padding-left: 2%;
border-radius: 0px;
}
.btn_modif {
width: 10rem;
background-color: #212121 !important;
color: white;
}
.btn_enreg {
width: 10rem;
background-color: green !important;
color: white;
}
.div_row_center {
border-left: 0rem solid;
border-width: 0rem;
width: 50%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 2rem;
}
.btn_modif {
background-color: #212121 !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.btn_enreg {
background-color: green !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.preview_certif {
display: block;
width: 90%;
height: 200px;
border-radius: 1rem !important;
margin-top: 1rem !important;
min-height: 25rem !important;
}
.preview_certif:hover {
// transform: scale(1.2);
//margin-left: 10rem;
}
.session_caract {
width: 95%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_class_submenu:hover:active,
.detail_class_submenu:hover {
background-color: #104277;
color: white;
}
.detail_class_submenu:focus {
//border: 3px dotted green;
background-color: #104277;
color: white;
}
.detail_class_submenu_data {
width: 100%;
background-color: #d8edfc;
padding-left: 5px;
text-align: left;
padding: 0;
border: 0px;
color: #3b3e40;
padding-left: 5px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
border-radius: 10px;
border: 1px solid;
display: block;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
height: 3.5rem !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
.disabled_style_multiline {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
@media only screen and (min-width: 1200px) {
/*style grande tablettes & Pc portable */
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
}
.div_row_droite {
border-left: 0rem solid;
float: right;
//border:0px solid black;
border-width: 0rem;
width: 48%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
}
.div_row_center {
border-left: 0rem solid;
border-width: 0rem;
width: 50%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 2rem;
}
.btn_modif {
background-color: #212121 !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.btn_enreg {
background-color: green !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.preview_certif {
display: block;
width: 90%;
height: 200px;
border-radius: 1rem !important;
margin-top: 1rem !important;
min-height: 25rem !important;
}
.preview_certif:hover {
// transform: scale(1.3);
//margin-left: 10rem;
}
.session_caract {
width: 45%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_class_submenu:hover:active,
.detail_class_submenu:hover {
background-color: #104277;
color: white;
}
.detail_class_submenu:focus {
//border: 3px dotted green;
background-color: #104277;
color: white;
}
.detail_class_submenu_data {
width: 95%;
background-color: #d8edfc;
padding-left: 5px;
text-align: left;
padding: 0;
border: 0px;
color: #3b3e40;
padding-left: 5px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
border-radius: 10px;
border: 1px solid;
display: block;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
height: 3.5rem !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
.disabled_style_multiline {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
.img_bg_file_css {
width: 90%;
}
.hr_break {
border: 5px solid grey;
}
.titre1 {
font-family: "Quicksand", "Signika", sans-serif;
font-size: medium;
text-align: center;
margin-bottom: 0.8rem;
color: white;
font-style: italic;
background-color: gray;
font-weight: normal;
cursor: unset;
}
// End media
}

View File

@ -122,3 +122,4 @@
@import "./components/groupe_apprenant_dialog";
@import "./components/mon_catalogue_public";
@import "./components/formation_partner_catalog";
@import "./components/partner_catalog_pub";