From 229bc7193591d8c36b6c1bf00548cac965488907 Mon Sep 17 00:00:00 2001
From: Alvaro <2722773+alvaromunoz@users.noreply.github.com>
Date: Tue, 4 Oct 2022 23:30:18 -0300
Subject: [PATCH] CATALOG.md: WhatsApp custom CSS for native-looking app on
 macOS (#1468)

Added injected css to make WhatsApp more native-like in macOS
---
 CATALOG.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/CATALOG.md b/CATALOG.md
index 10b7724..149ad8f 100644
--- a/CATALOG.md
+++ b/CATALOG.md
@@ -114,6 +114,29 @@ if ('serviceWorker' in navigator) {
 }
 ```
 
+Another option to see WhatsApp or WhatsApp Business more macOS-like (macos only):
+
+```sh
+nativefier https://web.whatsapp.com --name 'WhatsApp Business' --counter true --darwin-dark-mode-support true --title-bar-style hidden --inject whatsappmacos.css
+```
+
+with this `whatsappmacos.css` to make the window draggable, and move the user avatar to the right:
+```css
+header > div:first-child {
+    flex: 0 0 auto;
+    margin-right: 15px;
+}
+div#app > div.os-mac > span:first-child {
+    position: fixed;
+    top: 0;
+    z-index: 1000;
+    width: 100%;
+    height: 59px;
+    pointer-events: none;
+    -webkit-app-region: drag;
+}
+```
+
 ### Spotify
 
 ```sh