Thanks, Josh! I really appreciate it 🙏🏼 This is my first shoutout ever, so it feels really good! Actually, my VS Code customization is inspired by the Zed editor. And by the way, when VS Code updates, you need to just reload the custom CSS and js loader extension to re-enable the styles.
Nice. I've been using @glennraya's video as a setup guide for my own use for a while. The APC customize extension kept breaking for me. The custom css is way more stable. Yes it has its limits but still very doable to get to almost 95% of the goal.
Nice video, thank you very much! I really like the command palette style. Even though I needed to turn of the blur effect since it didn't seem to work well with the sticky scroll feature.
Maybe for the dialog, you can add min height to it (possibly max height as well). So if you only have one list of files when you search things, it will still pin to the exact place
Someone else actually helped me solve it! A margin-top of 25vh instead of translating the dialog solved it! I had tried pixels before for Margin-top and that didn’t seem to work like I expected.
i customized my vs code using glenn's css, it's possible to have the command panel have a fixed position and just expand downwards as content is added to it, instead of .quick-input-widget { transform: translateY(-50%) !important; top: 50% !important; .... } you can do .quick-input-widget": { top: 30%; .... }
i tried using this extension before , seen the video from glenn as well, but the css and js loader extension dont seen to work for me, any tip ? for now i downgrade the vscode but i want that background blur as well...
If you want to have the quick-input-widget start at a fixed vertical position , you should change lines 131 & 132: transform: translateY(-50%) !important; top: 50% !important; and put something like a margin-top: 20vh !important; or top: 20% !important; I have not really gone through the rest of the css so I'm not sure if both would work or just one. Explaining: what line 132 does is set the original position to be at 50% distance from the top and then line 131 "transforms" it so that it moves by -50% of it's size in the Y axis. Isn't centering divs with CSS so much fun?!😑
@@joshcirre Just removing the translate did it for me as well. In general you use translate when you want to keep something centered regardless of its content. Without translate, it'll stay exactly where you set it in the first place (with top-right-bottom-left attributes), even if its content/size changes
This kind of hacks it's a bit of a mess, I'm also using it for a couple of days but I'm now using (for some months now) Zed 97% and VScode just a bit if need a specific plugin, the Zed Experience it's just amazing, yeah it misses some git integration and the plugins but it's such a pleasure to work with!
I’m going to give it a real shot here in the next month or so. ☺️ I do like the feel, speed, and the premise of it not just being another clone of VSCode.
![[DRAGON BALL LEGENDS REVEALS ＆ STUFF] LEGENDS FESTIVAL 2024 Special Edition Part 1](http://i.ytimg.com/vi/mV5bGIswTtQ/mqdefault.jpg)
Thanks, Josh! I really appreciate it 🙏🏼 This is my first shoutout ever, so it feels really good! Actually, my VS Code customization is inspired by the Zed editor. And by the way, when VS Code updates, you need to just reload the custom CSS and js loader extension to re-enable the styles.
Nice. I've been using @glennraya's video as a setup guide for my own use for a while. The APC customize extension kept breaking for me. The custom css is way more stable. Yes it has its limits but still very doable to get to almost 95% of the goal.
Can't wait for the official laravel extension for vscode
Any news on it yet? Kind of bummed that it's only mentioned in Laracon but no mentions on their website with a status or even source code.
Nice video, thank you very much! I really like the command palette style. Even though I needed to turn of the blur effect since it didn't seem to work well with the sticky scroll feature.
Maybe for the dialog, you can add min height to it (possibly max height as well). So if you only have one list of files when you search things, it will still pin to the exact place
Someone else actually helped me solve it! A margin-top of 25vh instead of translating the dialog solved it! I had tried pixels before for Margin-top and that didn’t seem to work like I expected.
Lol thanks Josh! I was so frustrated by this! Thanks again
Thanks for watching! Glad I could help. :)
The command palette thing is the only thing I'd consider
This is what i was looking for it's close but it will do my job. Am no css guy but I have a frnd whose job is css so I'll have to use him
As a Neovim User, I thought this only happens in our ecosystem xD
Turns out VSCode users suffers from breaking changes as well xD
i customized my vs code using glenn's css, it's possible to have the command panel have a fixed position and just expand downwards as content is added to it,
instead of
.quick-input-widget {
transform: translateY(-50%) !important;
top: 50% !important;
....
}
you can do
.quick-input-widget": {
top: 30%;
....
}
i tried using this extension before , seen the video from glenn as well, but the css and js loader extension dont seen to work for me, any tip ? for now i downgrade the vscode but i want that background blur as well...
would it be possible for you to share your settings.json, please
If you want to have the quick-input-widget start at a fixed vertical position , you should change lines 131 & 132:
transform: translateY(-50%) !important;
top: 50% !important;
and put something like a
margin-top: 20vh !important;
or
top: 20% !important;
I have not really gone through the rest of the css so I'm not sure if both would work or just one.
Explaining: what line 132 does is set the original position to be at 50% distance from the top and then line 131 "transforms" it so that it moves by -50% of it's size in the Y axis.
Isn't centering divs with CSS so much fun?!😑
See. I thought I had tried margin-top before but maybe I didn’t use viewport height so that’s the game changer. 😮💨
THANK YOU SO MUCH!
@@joshcirre Just removing the translate did it for me as well.
In general you use translate when you want to keep something centered regardless of its content. Without translate, it'll stay exactly where you set it in the first place (with top-right-bottom-left attributes), even if its content/size changes
Thank you so much 😊🙏
I watch his that video last night
Nice setup........again
are you not NVIM user ?
And that's why I don't update things
This kind of hacks it's a bit of a mess, I'm also using it for a couple of days but I'm now using (for some months now) Zed 97% and VScode just a bit if need a specific plugin, the Zed Experience it's just amazing, yeah it misses some git integration and the plugins but it's such a pleasure to work with!
I’m going to give it a real shot here in the next month or so. ☺️ I do like the feel, speed, and the premise of it not just being another clone of VSCode.
Mine broke again
Everytime vscode updates or they do any changes to the ui, its always gonna break… this is acting similar to web scraping
Sorry josh, it's not as pretty as my neovim btw
In an alternative universe, I have an incredibly awesome NeoVim setup.
neovim mentioned let's gooo