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

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

@ -1,66 +1,68 @@
/* 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;
z-index: 9999;
box-shadow: 0 5px 15px rgba(0,0,0,0.3); box-shadow: 0 5px 15px rgba(0,0,0,0.3);
z-index: 9999; /* Toujours au dessus */ transition: 0.2s;
transition: transform 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;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(3px); 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: Arial, sans-serif; font-family: sans-serif;
} }
/* Éléments internes préfixés */ #helpModal .help-close-button {
#helpModal .help-close-button {
position: absolute; position: absolute;
top: 15px; right: 20px; top: 15px;
font-size: 30px; cursor: pointer; color: #888; right: 20px;
} font-size: 30px;
cursor: pointer;
color: #888;
line-height: 1;
}
#helpModal .help-title { #helpModal .help-grid {
color: #004a99;
margin-top: 0;
font-size: 22px;
}
#helpModal .help-grid {
display: flex; display: flex;
gap: 20px; gap: 20px;
margin-top: 25px; margin-top: 25px;
} }
#helpModal .help-card { #helpModal .help-card {
flex: 1; flex: 1;
text-decoration: none; text-decoration: none;
color: #333; color: #333;
@ -68,23 +70,31 @@
border: 2px solid #f0f0f0; border: 2px solid #f0f0f0;
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
transition: all 0.3s; transition: 0.3s;
} }
#helpModal .help-card:hover { #helpModal .help-card:hover {
border-color: #004a99; border-color: #004a99;
background-color: #f9fcff; background: #f9fcff;
} }
#helpModal .help-icon { font-size: 35px; display: block; margin-bottom: 10px; } #helpModal .help-icon {
#helpModal .help-card-title { display: block; font-size: 14px; margin-bottom: 5px; } font-size: 35px;
#helpModal .help-card-info { color: #666; font-size: 11px; } display: block;
margin-bottom: 10px;
}
#helpModal .help-modal-footer { #helpModal .help-title {
color: #004a99;
margin: 0 0 10px 0;
font-size: 22px;
}
#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 -->