From 094c4486ce3ff4663b565521b790b628a1791b92 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Thu, 13 Apr 2023 09:09:56 -0400
Subject: [PATCH] fix: 'Observing' banner creates non-draggable titlebar area
 on desktop app

---
 app/scenes/Document/components/ObservingBanner.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/scenes/Document/components/ObservingBanner.tsx b/app/scenes/Document/components/ObservingBanner.tsx
index b4529d148..538906aa9 100644
--- a/app/scenes/Document/components/ObservingBanner.tsx
+++ b/app/scenes/Document/components/ObservingBanner.tsx
@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import { depths } from "@shared/styles";
 import useStores from "~/hooks/useStores";
+import { draggableOnDesktop } from "~/styles";
 
 const transition = {
   type: "spring",
@@ -56,6 +57,7 @@ const Banner = styled(m.div)<{ $color: string }>`
   background: ${(props) => props.$color};
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
+  ${draggableOnDesktop()}
 `;
 
 export default observer(ObservingBanner);