feat(etapes): suppression légende, JAL à la place de Journaux d'annonces légales
This commit is contained in:
@@ -646,27 +646,6 @@ input[type="number"] {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.etapes-legend {
|
|
||||||
margin-top: 14px;
|
|
||||||
display: flex;
|
|
||||||
gap: 16px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etapes-legend span {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etapes-legend i {
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
border-radius: 3px;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.etapes-note {
|
.etapes-note {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
color: #667085;
|
color: #667085;
|
||||||
@@ -735,8 +714,7 @@ input[type="number"] {
|
|||||||
/* --- Bascule desktop / mobile au point de rupture 768 px --- */
|
/* --- Bascule desktop / mobile au point de rupture 768 px --- */
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.etapes-chart-scroll,
|
.etapes-chart-scroll {
|
||||||
.etapes-legend {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.etapes-mobile {
|
.etapes-mobile {
|
||||||
|
|||||||
+3
-30
@@ -79,12 +79,12 @@ def build_chart():
|
|||||||
),
|
),
|
||||||
# Publicité (appel d'offres)
|
# Publicité (appel d'offres)
|
||||||
html.Div(
|
html.Div(
|
||||||
["Publicité ", html.Small("(appel d'offres)")],
|
["Publicité"],
|
||||||
className="etapes-stage",
|
className="etapes-stage",
|
||||||
),
|
),
|
||||||
_lane(
|
_lane(
|
||||||
_bar(
|
_bar(
|
||||||
"Journaux d'annonces légales",
|
"JAL",
|
||||||
"#f79009",
|
"#f79009",
|
||||||
{"left": "40%", "right": "40%", "top": "6px", "height": "20px"},
|
{"left": "40%", "right": "40%", "top": "6px", "height": "20px"},
|
||||||
),
|
),
|
||||||
@@ -142,11 +142,7 @@ STAGES_MOBILE = [
|
|||||||
(
|
(
|
||||||
"Publicité (appel d'offres)",
|
"Publicité (appel d'offres)",
|
||||||
[
|
[
|
||||||
(
|
("JAL", "#f79009", "de 90 000 € au seuil formalisé"),
|
||||||
"Journaux d'annonces légales",
|
|
||||||
"#f79009",
|
|
||||||
"de 90 000 € au seuil formalisé",
|
|
||||||
),
|
|
||||||
("BOAMP", "#1570ef", "à partir de 90 000 €"),
|
("BOAMP", "#1570ef", "à partir de 90 000 €"),
|
||||||
(
|
(
|
||||||
"JOUE — avis de marché",
|
"JOUE — avis de marché",
|
||||||
@@ -198,28 +194,6 @@ def build_mobile():
|
|||||||
return html.Div(blocks, className="etapes-mobile")
|
return html.Div(blocks, className="etapes-mobile")
|
||||||
|
|
||||||
|
|
||||||
def build_legend():
|
|
||||||
items = [
|
|
||||||
("Approch", "#7c5cff"),
|
|
||||||
("Journaux d'annonces légales", "#f79009"),
|
|
||||||
("BOAMP", "#1570ef"),
|
|
||||||
("JOUE", "#0e9384"),
|
|
||||||
("DECP", "#12b76a"),
|
|
||||||
]
|
|
||||||
return html.Div(
|
|
||||||
className="etapes-legend",
|
|
||||||
children=[
|
|
||||||
html.Span(
|
|
||||||
[
|
|
||||||
html.I(style={"backgroundColor": color}),
|
|
||||||
label,
|
|
||||||
]
|
|
||||||
)
|
|
||||||
for label, color in items
|
|
||||||
],
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
layout = html.Div(
|
layout = html.Div(
|
||||||
className="container",
|
className="container",
|
||||||
children=[
|
children=[
|
||||||
@@ -233,7 +207,6 @@ layout = html.Div(
|
|||||||
),
|
),
|
||||||
build_chart(),
|
build_chart(),
|
||||||
build_mobile(),
|
build_mobile(),
|
||||||
build_legend(),
|
|
||||||
dcc.Markdown(
|
dcc.Markdown(
|
||||||
"**À noter :** l'axe horizontal n'est pas linéaire — les seuils "
|
"**À noter :** l'axe horizontal n'est pas linéaire — les seuils "
|
||||||
"sont espacés régulièrement pour rester lisibles. Les étapes "
|
"sont espacés régulièrement pour rester lisibles. Les étapes "
|
||||||
|
|||||||
Reference in New Issue
Block a user