ebene/radiantrh
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

vaf

Browse Source
This commit is contained in:
KONE SOREL 2026-02-18 11:37:43 +00:00
parent 7a3b689d0b
commit a9e381ab79
2 changed files with 93 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

170
Bootstrap_new/css/help-center.css
View File

@ -1,90 +1,100 @@
/* Bouton flottant spécifique */ /* Style isolé pour le centre d'aide - Position GAUCHE */
#helpButton { #helpButton {
position: fixed; position: fixed;
bottom: 25px; bottom: 25px;
right: 25px; left: 25px; /* Changé de right à left pour libérer le bouton de session */
width: 55px; width: 55px;
height: 55px; height: 55px;
background-color: #004a99; /* Bleu Inter Santé */ background: #004a99;
color: white; color: #fff;
border: none; border: none;
border-radius: 50%; border-radius: 50%;
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 9999;
z-index: 9999; /* Toujours au dessus */ box-shadow: 0 5px 15px rgba(0,0,0,0.3);
transition: transform 0.2s; transition: 0.2s;
} }
#helpButton:hover { transform: scale(1.1); } #helpButton:hover {
transform: scale(1.1);
background: #003366; /* Un bleu un peu plus foncé au survol */
}
/* Container du modal isolé */ /* Le reste du modal reste inchangé mais bien isolé */
#helpModal.help-modal-container { #helpModal.help-modal-container {
display: none; display: none;
position: fixed; position: fixed;
z-index: 10000; z-index: 10000;
left: 0; top: 0; width: 100%; height: 100%; left: 0;
background-color: rgba(0,0,0,0.6); /* Fond assombri */ top: 0;
backdrop-filter: blur(3px); width: 100%;
} height: 100%;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(3px);
}
/* Fenêtre de contenu isolée */ #helpModal .help-modal-content {
#helpModal .help-modal-content { background: #fff;
background-color: #ffffff; margin: 12% auto;
margin: 12% auto; padding: 30px;
padding: 30px; border-radius: 15px;
border-radius: 15px; width: 450px;
width: 450px; position: relative;
position: relative; box-shadow: 0 15px 40px rgba(0,0,0,0.5);
box-shadow: 0 15px 40px rgba(0,0,0,0.5); font-family: sans-serif;
font-family: Arial, sans-serif; }
}
/* Éléments internes préfixés */ #helpModal .help-close-button {
#helpModal .help-close-button { position: absolute;
position: absolute; top: 15px;
top: 15px; right: 20px; right: 20px;
font-size: 30px; cursor: pointer; color: #888; font-size: 30px;
} cursor: pointer;
color: #888;
line-height: 1;
}
#helpModal .help-title { #helpModal .help-grid {
color: #004a99; display: flex;
margin-top: 0; gap: 20px;
font-size: 22px; margin-top: 25px;
} }
#helpModal .help-grid { #helpModal .help-card {
display: flex; flex: 1;
gap: 20px; text-decoration: none;
margin-top: 25px; color: #333;
} padding: 20px;
border: 2px solid #f0f0f0;
border-radius: 10px;
text-align: center;
transition: 0.3s;
}
#helpModal .help-card { #helpModal .help-card:hover {
flex: 1; border-color: #004a99;
text-decoration: none; background: #f9fcff;
color: #333; }
padding: 20px;
border: 2px solid #f0f0f0;
border-radius: 10px;
text-align: center;
transition: all 0.3s;
}
#helpModal .help-card:hover { #helpModal .help-icon {
border-color: #004a99; font-size: 35px;
background-color: #f9fcff; display: block;
} margin-bottom: 10px;
}
#helpModal .help-icon { font-size: 35px; display: block; margin-bottom: 10px; } #helpModal .help-title {
#helpModal .help-card-title { display: block; font-size: 14px; margin-bottom: 5px; } color: #004a99;
#helpModal .help-card-info { color: #666; font-size: 11px; } margin: 0 0 10px 0;
font-size: 22px;
}
#helpModal .help-modal-footer { #helpModal .help-modal-footer {
margin-top: 25px; margin-top: 25px;
padding-top: 15px; padding-top: 15px;
border-top: 1px solid #eee; border-top: 1px solid #eee;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
color: #999; color: #999;
} }

2
Vue/gabarit.php
View File

@ -127,7 +127,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
<!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) --> <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
<link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.02.05.00" rel="stylesheet"> <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.02.05.00" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/help-center.css?ver=2026.02.18.00" rel="stylesheet"> <link href="<?= $racineWeb ?>Bootstrap_new/css/help-center.css?ver=2026.02.18.01" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet"> <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
<!-- Charts --> <!-- Charts -->