sButtons/sbuttons

Make shadow of Gradient Button smaller

Closed this issue ยท 18 comments

The shadow of gradient button makes it out of place when used on a website. The box shadow should be smaller, making it look better.

Hi, @shahednasser,
Thanks for opening an issue ๐Ÿ’™ your issue will be seen by maintainers soon.
Contributors ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ like you make the open source community ๐ŸŒ such an amazing place to learn ๐Ÿ“– , inspire ๐Ÿ‘ผ, and create ๐ŸŽจ .
We will investigate ๐Ÿ‘€ and get back to you as soon as possible ๐Ÿ‘ .
Just make sure you have given us sufficient information โ„น๏ธ.
By that time enjoy this joke ๐Ÿ‘‡ , hope you like it ๐Ÿ˜„

"Knock, knock."
"Who's there?"

[very long pause]

"Java."

Use this action on your projects. Use memes on issues action instead.

I want to work on this issue... can you assign it to me???

Sure @sawantvikram go ahead

where is the issued file

all changes to buttons should be made in src folder. Files in it are separated based on the type of the button. You can find the gradient button here.

You can find out more by checking out the contributing guidelines

I have sent a pull request please check the code, and tell if improvement needed

i have sent pull resquest please check it...

@shahednasser reporting a stale issue.

@shahednasser reporting a stale issue.

@shahednasser reporting a stale issue.

unassigning due to inactivity

Hi is this still open ?

Hello @Abid1998 yes it is would you like to work on it?

Hi yes ! @shahednasser Can you explain me what needs to be done ?

I went through the code once from what i understand i have to change

&:hover {
    box-shadow: 0px 6px 4px @...;
  }

property to make it smaller? I am planning on making it 0px 4px 2px and trying.
Should i also reduce also the default box-shadow size or just the hover one?

Hi @Abid1998 please reduce its size for both default and hover. Choose what you feel fitting and I'll look over it when you submit a PR.

@shahednasser great thanks alot !

@shahednasser created a PR please check it.
#1341