Fix boreholesNumberPreview font

swisstopo · Aug 15, 2024 · b0ee9f0 · b0ee9f0
1 parent bffce19
commit b0ee9f0
Show file tree

Hide file tree

Showing 13 changed files with 14 additions and 150 deletions.
diff --git a/src/client/index.html b/src/client/index.html
@@ -8,7 +8,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
     <meta name="theme-color" content="#000000" />
     <link rel="shortcut icon" href="/favicon.ico" />
-    <link href="/fonts/fonts.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet" />
 
     <style>

diff --git a/src/client/public/fonts/OFL.txt b/src/client/public/fonts/OFL.txt
diff --git a/src/client/public/fonts/fonts.css b/src/client/public/fonts/fonts.css
diff --git a/src/client/public/fonts/lato-v17-latin-700.woff b/src/client/public/fonts/lato-v17-latin-700.woff
diff --git a/src/client/public/fonts/lato-v17-latin-700.woff2 b/src/client/public/fonts/lato-v17-latin-700.woff2
diff --git a/src/client/public/fonts/lato-v17-latin-700italic.woff b/src/client/public/fonts/lato-v17-latin-700italic.woff
diff --git a/src/client/public/fonts/lato-v17-latin-700italic.woff2 b/src/client/public/fonts/lato-v17-latin-700italic.woff2
diff --git a/src/client/public/fonts/lato-v17-latin-italic.woff b/src/client/public/fonts/lato-v17-latin-italic.woff
diff --git a/src/client/public/fonts/lato-v17-latin-italic.woff2 b/src/client/public/fonts/lato-v17-latin-italic.woff2
diff --git a/src/client/public/fonts/lato-v17-latin-regular.woff b/src/client/public/fonts/lato-v17-latin-regular.woff
diff --git a/src/client/public/fonts/lato-v17-latin-regular.woff2 b/src/client/public/fonts/lato-v17-latin-regular.woff2
diff --git a/src/client/src/index.css b/src/client/src/index.css
@@ -1,8 +1,4 @@
-/* body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
-} */
+
 .ol-popup {
   position: absolute;
   background-color: white;
@@ -138,7 +134,7 @@
   cursor: default !important;
 }
 
-.selectable:hover { 
+.selectable:hover {
   background-color: rgb(233, 233, 233);
 }
 
@@ -149,4 +145,4 @@
 
 .Mui-checked {
   color: black !important;
-}
+}
diff --git a/src/client/src/pages/overview/boreholeTable/boreholeNumbersPreview.tsx b/src/client/src/pages/overview/boreholeTable/boreholeNumbersPreview.tsx
@@ -1,6 +1,6 @@
 import { NumericFormat } from "react-number-format";
 import { FC } from "react";
-import { CircularProgress } from "@mui/material";
+import { CircularProgress, Typography } from "@mui/material";
 import { capitalizeFirstLetter } from "../../../utils.ts";
 import { useTranslation } from "react-i18next";
 
@@ -13,17 +13,19 @@ export const BoreholeNumbersPreview: FC<BoreholeNumbersPreviewProps> = ({ isFetc
   const { t } = useTranslation();
   return (
     <>
-      {capitalizeFirstLetter(t("boreholes"))}:{" "}
+      <Typography>{capitalizeFirstLetter(t("boreholes"))}: </Typography>
       {isFetching ? (
         <CircularProgress sx={{ marginLeft: "15px", width: "15px !important", height: "15px !important" }} />
       ) : (
-        <NumericFormat
-          data-cy="boreholes-number-preview"
-          value={boreholeCount}
-          thousandSeparator="'"
-          displayType="text"
-          style={{ marginLeft: "0.5em" }}
-        />
+        <Typography>
+          <NumericFormat
+            data-cy="boreholes-number-preview"
+            value={boreholeCount}
+            thousandSeparator="'"
+            displayType="text"
+            style={{ marginLeft: "0.5em" }}
+          />
+        </Typography>
       )}
     </>
   );