From c02999061e13d8df0e725f9cd2df8c28016d607e Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Fri, 20 Aug 2021 20:59:09 +0200
Subject: [PATCH] Style tweaks

---
 .../src/toolbars/GlobalToolbar/GlobalToolbar.tsx      | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/theatre/studio/src/toolbars/GlobalToolbar/GlobalToolbar.tsx b/theatre/studio/src/toolbars/GlobalToolbar/GlobalToolbar.tsx
index dce700f..b305261 100644
--- a/theatre/studio/src/toolbars/GlobalToolbar/GlobalToolbar.tsx
+++ b/theatre/studio/src/toolbars/GlobalToolbar/GlobalToolbar.tsx
@@ -1,4 +1,5 @@
 import {useVal} from '@theatre/dataverse-react'
+import {pointerEventsAutoInNormalMode} from '@theatre/studio/css'
 import getStudio from '@theatre/studio/getStudio'
 import {panelZIndexes} from '@theatre/studio/panels/BasePanel/common'
 import React from 'react'
@@ -23,10 +24,16 @@ const Bg = styled.div`
   display: flex;
   align-items: center;
   gap: 1rem;
-  background-color: rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
 
+  border-radius: 4px;
   padding: 6px 6px;
+
+  ${pointerEventsAutoInNormalMode};
+
+  &:hover {
+    background-color: rgba(0, 0, 0, 0.15);
+    backdrop-filter: blur(4px);
+  }
 `
 
 const GlobalToolbar: React.FC<{}> = (props) => {