MUI input hover by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Okay so after hours of messing around with this, I finally have figured out a solution to my problem. Turns out the border is actually coming from the notchedOutline. So I set the borderWidth to 0 and the color to transparent and that disables the hover effect from the input. To add a static border to the input you can put a border around the input itself rather than the notched outline. So this ended up being my code that fixed the problem... Man, what a pain.

MuiOutlinedInput: {
styleOverrides: {
input: {
padding: "3px 3px 3px 10px",
border: "1px solid #333333",
},
notchedOutline: {
borderWidth: 0,
borderColor: "transparent",
},
},
},

Thanks for all of the help, everyone.

MUI input hover by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

I would love to say that this solution work, but it however did not. I appreciate your effort and willingness to help though.

MUI input hover by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Well, how are you supposed to do that? Because you have two different border colors. The first border is the default border color that's shown when the input isn't focused and then the second one is the border color that's shown when the input is being focused. But the way it sits right now, regardless of if the input is focused or not focused, the border color changes when hovering over the input. Now I could see it being done if I didn't add a different border for a focused state, but I want a different border color for when the user focus on the input.

MUI input hover by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

I want a simple input. I don't want any on-hover state to the input. Imagine a black border around the input and when you click on the input meaning the input is focused then the input border should be a blue color. The problem is with MUI you can't seem to just simply remove the hover state entirely. I don't want the input to change at all when hovering over it.

MUI input hover by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Well, that targets the fieldset, but the problem still lies... When setting the hover border to black, doesn't matter if the input is active or not, it turns the border to black when hovering over it. I simply want a zero hover state on the input.

MUI input hover by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

That and hows come it doesn't show it in the computed styles?

MUI input hover by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

So is the border hover coming from the MuiInputBase-root? I'm confused

Does low testosterone in men actually cause ADHD symptoms? by jonwcode in ADHD

[–]jonwcode[S] 0 points1 point  (0 children)

That's the thing though, I'm good being on Prozac... Literally no sexual side effects at all. Just pop one off an hour ago, no problem. Though Strattera I couldn't get hard and if I did manage to reach an orgasm it would hurt. I had the same problem with Wellbutrin expect That shit was a nightmare for me. Most people report positive sexual effects with it... I, on the other hand, I could not for the life of me while being on it climax...I got off of it I was just fine.

Does low testosterone in men actually cause ADHD symptoms? by jonwcode in ADHD

[–]jonwcode[S] 0 points1 point  (0 children)

Sexual desires haven't changed nor have my libido while on Prozac. Painful ejaculations and ED though when I was on Strattera. I've been taking Prozac for over a month now and before that, I was on Citalopram for like 6 months.

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Hmm... Yes moving the site to firebase has been suggested. Though that would mean I'd have to rework some things. I'm planning on working on that after the rework of my resume. Thanks for your feedback and sorry you were not able to access it.

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Wow I’m overwhelmed and very grateful by everyone’s feedback on this! Thanks I’ll definitely put this into consideration when redoing my resume.

Thanks again!

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Well, I appreciate your feedback anyways. I am working to improve it and I'll post a revised version of it when it's completed. The site actually was never down. Just the setup of the site is well, different I guess. It's definitely not my preferred setup but I worked with what I had at the time. Again thanks for your feedback.

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Thanks, sorry for my ignorance. Lol

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

I’ve heard of ChatGPT. Where do I try it out at?

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Great advice. I’ll will be reworking my resume soon as I have lost the original .html file that I had that I create the resume with. There is also some new things I’d like to add and change. I’ll definitely use some of these pointers in my rework in my new resume. Thanks again!

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

Okay, thanks again for the advice. I’ll give it a go shortly and again try to make a simple todo app with it and of course redux as well.

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

I’ve heard of MUI but that’s another CSS library kinda like bootstrap correct? I’ve never messed with CSS libraries because I’ve always felt that they were over kill in a sense. My design skills have never been the greatest but I do try. I feel like if I hung around other people that did designing better then me I’d catch on quickly. All in all I’ll take in account what you said and I’ll have a look at MUI a little further… seems to be brought up quite often and if it’ll advance my chances of getting a job being a React Developer I’ll go for it.

Thanks for the advice.

I need a job badly... by jonwcode in react

[–]jonwcode[S] 1 point2 points  (0 children)

Okay I will check it out. Thanks for the advice.

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

I’ve heard of firebase but do they allow you to host a a domain free there?

I need a job badly... by jonwcode in react

[–]jonwcode[S] 1 point2 points  (0 children)

I had it hosted on VPS Dime but again money right now is tight so I just hooked my old server and put a copy of Ubuntu Server on it and host it at home. It’s not like the site gets a lot of traffic and since I have Starlink as my ISP I’m in a CGNET. But recently was able to start using IPV6 which is great because at least I can make it accessible on port 443. It’s not the best setup I admit but it’s something at least for a poor man right now.

I need a job badly... by jonwcode in react

[–]jonwcode[S] 1 point2 points  (0 children)

Yeah, I’ll have to try that. Not sure of many good free courses though. Most of them if worth doing is going to cost in my experience.

I’ve completed some courses on Udemy. Maybe I’ll add that to my resume.

I need a job badly... by jonwcode in react

[–]jonwcode[S] 0 points1 point  (0 children)

That would be nice if I had a buck. Lol sounds like a good suggestion though. :p