CATALOG.md: Microsoft Teams with css inject (PR #1469)

* Microsoft Teams with custom css injected

I wasted some time trying to setup Microsoft Teams using nativefier, and some issues pointed me in the right direction. I decided to not only stop there, but to inject some css to hide some unnecessary elements from a desktop app, like an app download button and a waffle button that sits on the top left corner.

* Update CATALOG.md

Co-authored-by: Ronan Jouchet <ronan@jouchet.fr>
This commit is contained in:
Alvaro 2022-10-17 17:40:01 -03:00 committed by GitHub
parent 229bc71935
commit f22750b41c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 0 deletions

View File

@ -279,3 +279,22 @@ After that, set your css file as follows:
pointer-events: auto !important; /* notion prevents clicks on items inside databases. Use this to remove that. */
}
```
### Microsoft Teams
You can get an almost macOS look-alike using this:
```sh
nativefier https://teams.microsoft.com --name 'Microsoft Teams' --counter true --darwin-dark-mode-support true --title-bar-style hidden --internal-urls "(.*)" --inject teamsapp.css
```
Note that the `--internal-urls` argument is necessary to login.
Inject the following `teamsapp.css` file to hide the download button at the bottom left and the Office 365 apps waffle button at the top left:
```css
get-app-button.ts-sym.app-bar-link {
display: none;
}
button#ts-waffle-button {
display: none;
}
```