From 3860e7948c89987700c975304086e95ea11d18f8 Mon Sep 17 00:00:00 2001
From: Thomas Camlong <thomascamlong@gmail.com>
Date: Sat, 12 Nov 2022 22:32:43 +0900
Subject: [PATCH 1/2] Bumb package version

---
 data/constants.ts | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/data/constants.ts b/data/constants.ts
index 6d9a0a462..e876d613c 100644
--- a/data/constants.ts
+++ b/data/constants.ts
@@ -1,2 +1,2 @@
 export const REPO_URL = 'ajnart/homarr';
-export const CURRENT_VERSION = 'v0.10.4';
+export const CURRENT_VERSION = 'v0.10.5';
diff --git a/package.json b/package.json
index 8c7865917..455549865 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "homarr",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "description": "Homarr - A homepage for your server.",
   "license": "MIT",
   "repository": {

From 0a719c0b66da4d4aae9b90eff786830b73e6c0de Mon Sep 17 00:00:00 2001
From: MauriceNino <mauriceprivat98@gmail.com>
Date: Sun, 13 Nov 2022 18:13:57 +0100
Subject: [PATCH 2/2] Make dashdot labels only appear on hover

---
 src/modules/dashdot/DashdotModule.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/modules/dashdot/DashdotModule.tsx b/src/modules/dashdot/DashdotModule.tsx
index b2b0a4401..51badf882 100644
--- a/src/modules/dashdot/DashdotModule.tsx
+++ b/src/modules/dashdot/DashdotModule.tsx
@@ -38,7 +38,7 @@ export const DashdotModule = asModule({
   id: 'dashdot',
 });
 
-const useStyles = createStyles((theme, _params) => ({
+const useStyles = createStyles((theme, _params, getRef) => ({
   heading: {
     marginTop: 0,
     marginBottom: 10,
@@ -73,6 +73,19 @@ const useStyles = createStyles((theme, _params) => ({
     border: 'none',
     colorScheme: 'none',
   },
+  graphTitle: {
+    ref: getRef('graphTitle'),
+    position: 'absolute',
+    right: 0,
+    opacity: 0,
+    transition: 'opacity .1s ease-in-out',
+    pointerEvents: 'none',
+  },
+  graphStack: {
+    [`&:hover .${getRef('graphTitle')}`]: {
+      opacity: 0.5,
+    },
+  },
 }));
 
 const bpsPrettyPrint = (bits?: number) =>
@@ -223,6 +236,7 @@ export function DashdotComponent() {
 
           {graphs.map((graph) => (
             <Stack
+              className={classes.graphStack}
               style={
                 isCompact
                   ? {
@@ -232,7 +246,7 @@ export function DashdotComponent() {
                   : undefined
               }
             >
-              <Title style={{ position: 'absolute', right: 0 }} order={4} mt={10} mr={25}>
+              <Title className={classes.graphTitle} order={4} mt={10} mr={25}>
                 {graph.name}
               </Title>
               <iframe
@@ -250,6 +264,7 @@ export function DashdotComponent() {
                         .join('&')}`
                     : ''
                 }`}
+                allowTransparency
               />
             </Stack>
           ))}