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

fix: inverser positions quadrant 4 et légende

Browse Source 
- Quadrant 4 descendu à bottom: 10px (tout en bas)
- Légende remontée à bottom: 220px (en haut à droite)
- La légende prend maintenant la place qu'occupait le quadrant 4
- Le quadrant 4 est maintenant en bas à droite
This commit is contained in:
syoul
2025-12-03 17:40:29 +01:00
parent 3b1203e3f7
commit 9b546f6d77
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
custom.css
View File

@@ -91,11 +91,11 @@ header nav a:hover {
top: auto !important; top: auto !important;
} }
/* Quadrant 4 (en bas à droite) - TRÈS REMONTÉ pour la légende */ /* Quadrant 4 (en bas à droite) - DESCENDU tout en bas */
[class*="Radar_radar"] [class*="Label_label"][class*="Label_position-4"], [class*="Radar_radar"] [class*="Label_label"][class*="Label_position-4"],
[class*="Label_position-4"] { [class*="Label_position-4"] {
right: 10px !important; right: 10px !important;
bottom: 240px !important; bottom: 10px !important;
left: auto !important; left: auto !important;
top: auto !important; top: auto !important;
} }
@@ -120,26 +120,26 @@ header nav a:hover {
margin-bottom: 6px !important; margin-bottom: 6px !important;
} }
/* Sur les grands écrans, positionner la légende tout en bas à droite */ /* Sur les grands écrans, positionner la légende PLUS HAUT (à la place de l'ancien quadrant 4) */
@media (min-width: 1200px) { @media (min-width: 1200px) {
[class*="Radar_radar"] [class*="Legend_legend"], [class*="Radar_radar"] [class*="Legend_legend"],
[class*="Legend_legend"] { [class*="Legend_legend"] {
right: 10px !important; right: 10px !important;
bottom: 10px !important; bottom: 220px !important;
left: auto !important; left: auto !important;
top: auto !important; top: auto !important;
transform: none !important; transform: none !important;
} }
} }
/* Sur les écrans moyens, centrer la légende en bas */ /* Sur les écrans moyens, centrer la légende PLUS HAUT */
@media (min-width: 768px) and (max-width: 1199px) { @media (min-width: 768px) and (max-width: 1199px) {
[class*="Radar_radar"] [class*="Legend_legend"], [class*="Radar_radar"] [class*="Legend_legend"],
[class*="Legend_legend"] { [class*="Legend_legend"] {
left: 50% !important; left: 50% !important;
right: auto !important; right: auto !important;
transform: translateX(-50%) !important; transform: translateX(-50%) !important;
bottom: 10px !important; bottom: 220px !important;
top: auto !important; top: auto !important;
} }
} }