From 317d79da23456a659c8b43277ac156ed1e7dad3d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Y=C3=BBki=20Vachot?= Date: Sun, 12 May 2024 03:55:49 +0200 Subject: [PATCH] Add title --- index.html | 4 +++- styles.css | 34 +++++++++++++++++++++++++--------- 2 files changed, 28 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index a27faff..e6b9510 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,9 @@ -
+
+
Microsoft Common Data Model - Network Graph Visualization
+
× diff --git a/styles.css b/styles.css index 22de47b..1d52725 100644 --- a/styles.css +++ b/styles.css @@ -6,23 +6,39 @@ html, body { } #container { + position: relative; width: 100vw; height: 100vh; background: white; + border: 1px solid #ccc; } +.graph-title { + position: absolute; + top: 25px; + left: 50%; + transform: translateX(-50%); + font-size: 32px; + color: #333; + z-index: 10; + background-color: rgba(255, 255, 255, 0.8); + padding: 5px 10px; + border-radius: 5px; +} + + /* The Drawer (background) */ .drawer { - display: none; /* Hidden by default */ - position: fixed; /* Stay in place */ - z-index: 1; /* Sit on top */ - right: 0; /* Align to the right side */ + display: none; + position: fixed; + z-index: 1; + right: 0; top: 0; - width: 30%; /* Adjust width as needed */ - height: 100%; /* Full height */ - background-color: white; /* Drawer background color */ - box-shadow: -2px 0 5px rgba(0,0,0,0.5); /* Shadow for better visibility */ - overflow-x: hidden; /* Prevent horizontal scroll */ + width: 30%; + height: 100%; + background-color: white; + box-shadow: -2px 0 5px rgba(0,0,0,0.5); + overflow-x: hidden; } .drawer-content {