AJR/TechradarDev
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: corriger le positionnement des quadrants et améliorer l'invalidation du cache

Browse Source 
- Retrait de no_cache (non supporté dans docker-compose)
- Ajustement précis des positions pour les 4 quadrants (30px des bords)
- Les labels ne chevauchent plus les cercles du radar
- Amélioration de l'invalidation du cache dans Dockerfile
- Documentation pour utiliser 'No cache' dans Portainer
This commit is contained in:
syoul
2025-12-03 17:07:37 +01:00
parent 58eb66fc7f
commit 327c23c33f
3 changed files with 44 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
custom.css
View File

@@ -34,27 +34,51 @@ header nav a:hover {
}
/* Ajuster le positionnement des labels de quadrants pour éviter le chevauchement avec les cercles */
/* Les labels doivent être positionnés en dehors de la zone des cercles concentriques */
[class*="Label_label"],
[class*="label"][class*="position"] {
div[class*="label"][class*="position"] {
z-index: 1 !important;
padding: 15px !important;
margin: 20px !important;
max-width: 220px !important;
background: rgba(26, 77, 58, 0.85) !important;
padding: 12px !important;
max-width: 200px !important;
background: rgba(26, 77, 58, 0.9) !important;
border-radius: 8px !important;
backdrop-filter: blur(4px) !important;
}
/* Position spécifique pour le quadrant 2 (Technologies de Commodité - en haut à droite) */
[class*="Label_label"][class*="position-2"] {
margin-right: 40px !important;
margin-top: 30px !important;
/* Quadrant 1 (en haut à gauche) - Technologies Différenciantes */
[class*="Label_label"][class*="position-1"],
div[class*="label"][class*="position-1"] {
left: 30px !important;
top: 30px !important;
margin: 0 !important;
}
/* Position spécifique pour le quadrant 4 (en bas à droite) */
[class*="Label_label"][class*="position-4"] {
margin-right: 40px !important;
margin-bottom: 30px !important;
/* Quadrant 2 (en haut à droite) - Technologies de Commodité */
[class*="Label_label"][class*="position-2"],
div[class*="label"][class*="position-2"] {
right: 30px !important;
top: 30px !important;
left: auto !important;
margin: 0 !important;
}
/* Quadrant 3 (en bas à gauche) - Technologies à Risque */
[class*="Label_label"][class*="position-3"],
div[class*="label"][class*="position-3"] {
left: 30px !important;
bottom: 30px !important;
top: auto !important;
margin: 0 !important;
}
/* Quadrant 4 (en bas à droite) - Technologies Émergentes */
[class*="Label_label"][class*="position-4"],
div[class*="label"][class*="position-4"] {
right: 30px !important;
bottom: 30px !important;
left: auto !important;
top: auto !important;
margin: 0 !important;
}
/* Ajuster la légende pour éviter le chevauchement avec les cercles */