From 579ddbff986d0621698cc4f382e9e90f2b5ec8c0 Mon Sep 17 00:00:00 2001 From: Jorgen-5 Date: Tue, 26 Mar 2024 13:49:53 +0100 Subject: [PATCH] Added new header component using ssb dash (#249) * Added new header component using ssb dash * Fixed no new line at the end of file --------- Co-authored-by: rlj --- src/datadoc/assets/header.css | 17 +++++++++++++++++ src/datadoc/frontend/components/control_bars.py | 10 +++------- 2 files changed, 20 insertions(+), 7 deletions(-) create mode 100644 src/datadoc/assets/header.css diff --git a/src/datadoc/assets/header.css b/src/datadoc/assets/header.css new file mode 100644 index 00000000..2e5ba916 --- /dev/null +++ b/src/datadoc/assets/header.css @@ -0,0 +1,17 @@ +.ssb-header-wrapper.datadoc-header { + border-bottom: 1px solid #C3DCDC; + padding: 0; + height: 80px; + margin: 0; + +} + +.ssb-title.main-title { + color: #274247; + padding: 0; + border-bottom: 0; + font-family: 'Roboto Condensed', sans-serif !important; + font-stretch: condensed; + font-weight: bold; + font-size: 2rem; +} diff --git a/src/datadoc/frontend/components/control_bars.py b/src/datadoc/frontend/components/control_bars.py index 84ff9937..3c0780c6 100644 --- a/src/datadoc/frontend/components/control_bars.py +++ b/src/datadoc/frontend/components/control_bars.py @@ -14,13 +14,9 @@ COLORS = {"dark_1": "#F0F8F9", "green_1": "#ECFEED", "green_4": "#00824D"} -header = dbc.CardBody( - dbc.Row( - children=[ - html.H1("DataDoc", className="ssb-title", style={"color": "white"}), - ], - ), - style={"backgroundColor": COLORS["green_4"]}, +header = ssb.Header( + [ssb.Title("DataDoc", size=1, id="main-title", className="main-title")], + className="datadoc-header", ) progress_bar = dbc.CardBody(