fix: corriger le positionnement des quadrants et améliorer l'invalidation du cache
- 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:
@@ -11,7 +11,11 @@ LABEL build.date="${BUILD_DATE}" \
|
|||||||
|
|
||||||
# Invalider le cache en utilisant CACHE_BUST dans une instruction RUN
|
# Invalider le cache en utilisant CACHE_BUST dans une instruction RUN
|
||||||
# Cela force Docker à reconstruire à partir de cette ligne si CACHE_BUST change
|
# Cela force Docker à reconstruire à partir de cette ligne si CACHE_BUST change
|
||||||
RUN echo "Cache bust: ${CACHE_BUST}" && date
|
# Utiliser CACHE_BUST dans une variable d'environnement pour forcer l'invalidation
|
||||||
|
RUN echo "Cache bust: ${CACHE_BUST}" && \
|
||||||
|
echo "Build date: ${BUILD_DATE}" && \
|
||||||
|
date && \
|
||||||
|
echo "${CACHE_BUST}" > /tmp/cache_bust.txt
|
||||||
|
|
||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
|
|||||||
50
custom.css
50
custom.css
@@ -34,27 +34,51 @@ header nav a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Ajuster le positionnement des labels de quadrants pour éviter le chevauchement avec les cercles */
|
/* 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_label"],
|
||||||
[class*="label"][class*="position"] {
|
div[class*="label"][class*="position"] {
|
||||||
z-index: 1 !important;
|
z-index: 1 !important;
|
||||||
padding: 15px !important;
|
padding: 12px !important;
|
||||||
margin: 20px !important;
|
max-width: 200px !important;
|
||||||
max-width: 220px !important;
|
background: rgba(26, 77, 58, 0.9) !important;
|
||||||
background: rgba(26, 77, 58, 0.85) !important;
|
|
||||||
border-radius: 8px !important;
|
border-radius: 8px !important;
|
||||||
backdrop-filter: blur(4px) !important;
|
backdrop-filter: blur(4px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Position spécifique pour le quadrant 2 (Technologies de Commodité - en haut à droite) */
|
/* Quadrant 1 (en haut à gauche) - Technologies Différenciantes */
|
||||||
[class*="Label_label"][class*="position-2"] {
|
[class*="Label_label"][class*="position-1"],
|
||||||
margin-right: 40px !important;
|
div[class*="label"][class*="position-1"] {
|
||||||
margin-top: 30px !important;
|
left: 30px !important;
|
||||||
|
top: 30px !important;
|
||||||
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Position spécifique pour le quadrant 4 (en bas à droite) */
|
/* Quadrant 2 (en haut à droite) - Technologies de Commodité */
|
||||||
[class*="Label_label"][class*="position-4"] {
|
[class*="Label_label"][class*="position-2"],
|
||||||
margin-right: 40px !important;
|
div[class*="label"][class*="position-2"] {
|
||||||
margin-bottom: 30px !important;
|
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 */
|
/* Ajuster la légende pour éviter le chevauchement avec les cercles */
|
||||||
|
|||||||
@@ -7,11 +7,12 @@ services:
|
|||||||
context: .
|
context: .
|
||||||
dockerfile: Dockerfile.business
|
dockerfile: Dockerfile.business
|
||||||
pull: true # Force le pull de l'image de base pour éviter le cache
|
pull: true # Force le pull de l'image de base pour éviter le cache
|
||||||
no_cache: true # Force le rebuild sans cache pour garantir les mises à jour
|
|
||||||
args:
|
args:
|
||||||
BUILD_DATE: "${BUILD_DATE:-$(date +%s)}"
|
BUILD_DATE: "${BUILD_DATE:-$(date +%s)}"
|
||||||
BUILD_VERSION: "${BUILD_VERSION:-dev}"
|
BUILD_VERSION: "${BUILD_VERSION:-dev}"
|
||||||
CACHE_BUST: "${CACHE_BUST:-$(date +%s%N)}" # Nanosecondes pour garantir l'unicité et forcer l'invalidation
|
CACHE_BUST: "${CACHE_BUST:-$(date +%s%N)}" # Nanosecondes pour garantir l'unicité et forcer l'invalidation
|
||||||
|
# Note: no_cache n'est pas supporté dans docker-compose
|
||||||
|
# Pour forcer le rebuild sans cache dans Portainer, utilisez l'option "Rebuild" avec "No cache" dans l'interface
|
||||||
# Si vous utilisez une image pré-bâtie, décommentez image et commentez build
|
# Si vous utilisez une image pré-bâtie, décommentez image et commentez build
|
||||||
# image: votre-registre/laplank-radar-business:latest
|
# image: votre-registre/laplank-radar-business:latest
|
||||||
restart: unless-stopped
|
restart: unless-stopped
|
||||||
|
|||||||
Reference in New Issue
Block a user