Merge pull request #101 from ScottLogic/sfd-141-diagram-overlap

SFD-141 Diagram can overlap TCS footer when zoomed in
ScottLogic · Jul 4, 2024 · 975fb40 · 975fb40
2 parents 88bc176 + 1abad90
commit 975fb40
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/app/tech-carbon-estimator/tech-carbon-estimator.component.html b/src/app/tech-carbon-estimator/tech-carbon-estimator.component.html
@@ -18,7 +18,7 @@ <h1 class="tce-text-3xl tce-mb-6">Technology Carbon Estimator</h1>
     @if (showEstimation) {
       <div
         #estimations
-        class="tce-w-full md:tce-w-1/2 tce-flex tce-flex-col tce-h-dvh md:tce-h-fit tce-py-4 md:tce-py-0 md:tce-pl-4 md:tce-sticky md:tce-top-0">
+        class="tce-w-full md:tce-w-1/2 tce-flex tce-flex-col tce-h-fit tce-py-4 md:tce-py-0 md:tce-pl-4 md:tce-sticky md:tce-top-0">
         <carbon-estimation [carbonEstimation]="carbonEstimation" [extraHeight]="extraHeight"></carbon-estimation>
         @if (!showAssumptionsAndLimitationView) {
           <button

diff --git a/src/package-index.html b/src/package-index.html
@@ -7,10 +7,11 @@
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />
   </head>
-  <body class="dark:tce-bg-slate-800 dark:tce-text-slate-50">
+  <body class="tce-m-0 dark:tce-bg-slate-800 dark:tce-text-slate-50">
     <noscript
       >Javascript appears to be disabled - unfortunately the estimator requires it to be enabled to function.</noscript
     >
     <tech-carbon-estimator></tech-carbon-estimator>
+    <footer class="tce-p-5 tce-bg-slate-800 tce-text-slate-50 dark:tce-bg-slate-950">© Copyright Scott Logic</footer>
   </body>
 </html>