From a7c1a951df51d786a7d18376cab5ff4b6d924c5c Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Fri, 13 Sep 2024 14:40:29 +0200
Subject: [PATCH] Add general Mantine overrides CSS file

...initially fixing the ellipsis overflow text cut-off in badges.

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/App.tsx               | 1 +
 web/ui/mantine-ui/src/mantine-overrides.css | 4 ++++
 2 files changed, 5 insertions(+)
 create mode 100644 web/ui/mantine-ui/src/mantine-overrides.css

diff --git a/web/ui/mantine-ui/src/App.tsx b/web/ui/mantine-ui/src/App.tsx
index f677dd880..43675dbf8 100644
--- a/web/ui/mantine-ui/src/App.tsx
+++ b/web/ui/mantine-ui/src/App.tsx
@@ -2,6 +2,7 @@ import "@mantine/core/styles.css";
 import "@mantine/code-highlight/styles.css";
 import "@mantine/notifications/styles.css";
 import "@mantine/dates/styles.css";
+import "./mantine-overrides.css";
 import classes from "./App.module.css";
 import PrometheusLogo from "./images/prometheus-logo.svg";
 
diff --git a/web/ui/mantine-ui/src/mantine-overrides.css b/web/ui/mantine-ui/src/mantine-overrides.css
new file mode 100644
index 000000000..b9662f8d5
--- /dev/null
+++ b/web/ui/mantine-ui/src/mantine-overrides.css
@@ -0,0 +1,4 @@
+.mantine-Badge-label {
+  overflow: unset;
+  text-overflow: unset;
+}