diff --git a/src/assets/style.css b/src/assets/style.css index a04257a..fe2f0a0 100644 --- a/src/assets/style.css +++ b/src/assets/style.css @@ -18,6 +18,14 @@ margin-bottom: 25px; } +#instructions { + max-width: 1000px; +} + +details > div { + padding-top: 24px; +} + /* Réduire la taille du texte de la colonne Objet */ td[data-dash-column="objet"] { @@ -31,6 +39,7 @@ td[data-dash-column="objet"] { th.dash-header { background-color: #b33821; color: white; + font-family: sans-serif; } .dash-table-container @@ -48,10 +57,33 @@ td[data-dash-column="objet"] { display: none; } +.dash-tooltip, +.dash-table-tooltip { + color: #333; + width: 400px !important; + max-width: 400px !important; + height: 100px !important; + max-height: 100px !important; + overflow: hidden; +} + +.dash-tooltip pre, +.dash-tooltip code { + overflow: hidden; + height: 150px; + text-wrap: wrap; + font-family: sans-serif; +} + /* Menu de masquage des colonnes */ -.column-header--hide svg { +.column-actions { + margin-right: 8px; +} + +.column-header--hide { display: none; } + .show-hide { position: relative; width: 180px;