Hover Button component with padding, change text once?
Copy link to clipboard
Copied
I keep trying different ways to make a hover button component that allows me to just change the instance text once. For example, I have a rectangle button with white text on dark blue background with padding, so when you enter what ever text (either submit, next, or whatever) the padding stays consistent. Which works fine without a hover state. I've tried multiple ways to structure this, and can't get it to work as I want. I have to go into the hover state to then change the text to be the same, or the padding doesn't work.
Is there a way to structure a component so i can just change the instance text once, and not have to go in with each state and change the text to be the same? So the padding remains consistent, but the color changes on hover, but the text remains the same.
Copy link to clipboard
Copied
Hover states do not work exactly as I'd like them to, as you've discovered. I use padding so the button size adjusts, but then have to change the text on both states. There's no workaround that I know of.
— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

