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 <[email protected]>
statisticsnorway · Mar 26, 2024 · 579ddbf · 579ddbf
1 parent d15fea3
commit 579ddbf
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 7 deletions.
diff --git a/src/datadoc/assets/header.css 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
@@ -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(