Skip to content
This repository was archived by the owner on Feb 29, 2020. It is now read-only.

style(search): #3679 Fix search hover border styles#3785

Merged
k88hudson merged 1 commit intomozilla:masterfrom
k88hudson:gh3679
Nov 2, 2017
Merged

style(search): #3679 Fix search hover border styles#3785
k88hudson merged 1 commit intomozilla:masterfrom
k88hudson:gh3679

Conversation

@k88hudson
Copy link
Copy Markdown
Contributor

@k88hudson k88hudson commented Nov 1, 2017

Fix #3679. This patch makes the border a consistent color when hovering over the submit button, and adds a slightly darker border color when hovering over the input.

Copy link
Copy Markdown
Member

@Mardak Mardak left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! Although… there's a slight unhovered color at the corner of the button now!! ;) :p

before/after:
screen shot 2017-11-01 at 2 38 45 pm

top: 0;
offset-inline-start: 0;
width: 100%;
height: 100%;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: Might as well just do top/right/bottom/left:0 in case it seems like this is rtl-special.

offset-inline-start: 0;
width: 100%;
height: 100%;
border-radius: 0 $border-radius $border-radius 0;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: Let's share this inside .search-button (?) as a variable

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Or.. if we have a slightly smaller radius, will the whites in the corner be filled in? !

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh indeed! With 2px. ! ? !
screen shot 2017-11-01 at 2 44 05 pm

@Mardak Mardak removed the request for review from rlr November 1, 2017 21:41
@Mardak Mardak assigned k88hudson and unassigned rlr Nov 1, 2017
@k88hudson
Copy link
Copy Markdown
Contributor Author

Ok, I thought of a better way to do this that would prevent the gap and is slightly less hacky (basically changing the border/box-shadow combo to box-shadow only)

@k88hudson k88hudson force-pushed the gh3679 branch 2 times, most recently from afe1fca to af79d7c Compare November 2, 2017 16:34
@k88hudson k88hudson merged commit 6318163 into mozilla:master Nov 2, 2017
@as-pine-proxy
Copy link
Copy Markdown
Collaborator

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants