-
-
Notifications
You must be signed in to change notification settings - Fork 29
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore: electron 31 #622
chore: electron 31 #622
Conversation
✅ Deploy Preview for nndesign ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for nndesign ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
a709efa
to
c80aa15
Compare
@corn-potage I don't think we should spend too much time on making this work at the moment. Just wanted to make you aware and see if there was something that I was missing. |
sure, sounds good! it's strange that the update affected transparency 🤔 |
Sidebar has issues and it flashes repeatedly and devtools don't work, however, disabling background-color: 'transparent' along with the blur fixes this.
Transparent background implementation seems to have changed in Electron 31 (or the Chrome version in Electron 31+). css
background-color: 'transparent'
leaves the sidebar white instead of showing the nice mac style transparency. I didn't find anything in the release docs that says the implementation changed, but on Electron's docs they note the limitations oftransparent: true
when creating a BrowserWindow here https://www.electronjs.org/docs/latest/tutorial/window-customization#create-transparent-windowsafter disabling mac specific transparency:
![Screenshot 2024-07-30 at 6 15 05 PM](https://private-user-images.githubusercontent.com/3721291/353657619-94465686-bf04-40b8-a533-e56be050ca01.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2OTI2MzQsIm5iZiI6MTczOTY5MjMzNCwicGF0aCI6Ii8zNzIxMjkxLzM1MzY1NzYxOS05NDQ2NTY4Ni1iZjA0LTQwYjgtYTUzMy1lNTZiZTA1MGNhMDEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTZUMDc1MjE0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9N2U2MWI1ZDkwODQzYTczZTIyNTM2OTg3NTljMzY3ZDdhNTQ3ZjcwMGUyNjU3ODY2NTI5OTI1MTA3YmFjMGYzMyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.4FOpt68VtQWK4eFjY-OGIl70xSqncMKPVBxDxOrlY3k)
![Screenshot 2024-07-30 at 6 15 01 PM](https://private-user-images.githubusercontent.com/3721291/353657634-3f25afeb-1836-4c3c-b7e3-044d8f64594d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2OTI2MzQsIm5iZiI6MTczOTY5MjMzNCwicGF0aCI6Ii8zNzIxMjkxLzM1MzY1NzYzNC0zZjI1YWZlYi0xODM2LTRjM2MtYjdlMy0wNDRkOGY2NDU5NGQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTZUMDc1MjE0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YjQwNjJkMzZiYzBmNWNkYjRmZGU0ODcxNTlkZmZhNzYxZTkwYTI4M2Q4NjA4ZDQ3ZDZkN2EyY2EyZmJlOGYwMCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.kKAnWM1Pglh0PnQYxt6ydAmxtxMsoGq8P0XnLs08qu0)