Skip to content
This repository has been archived by the owner on Oct 28, 2020. It is now read-only.

[fix bug 1288802] Misplaced down arrow, in select initiave dropbox #1314

Merged
merged 4 commits into from Apr 17, 2017
Merged

[fix bug 1288802] Misplaced down arrow, in select initiave dropbox #1314

merged 4 commits into from Apr 17, 2017

Conversation

tsmrachel
Copy link
Contributor

Copy link
Contributor

@comzeradd comzeradd left a comment

Choose a reason for hiding this comment

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

Thanks @tsmrachel for working on this!

Could you amend the margins of .required-field to be lower and closer to the relevant input field? Now it seems a bit off. Also in some fields it's significantly misaligned, displayed too high compared to the field. See the screenshots bellow.

@comzeradd
Copy link
Contributor

1

2

.required-field-input {
&:extend(.required-field);
left: 5px;
top: 10px;
Copy link
Contributor

Choose a reason for hiding this comment

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

Same here: try top: 18px.

.required-field {
&:extend(.required-field);
left: 5px;
top:0;
Copy link
Contributor

Choose a reason for hiding this comment

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

Minor tweak: try this to be top: 10px, so it's vertical aligned to the middle of the input field.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

if it's to be vertical aligned to the middle, do you mean

.required-field-input top: 20px
.required-field top: 18px

top: 20px
input-20

top: 10px
input-10

@akatsoulas akatsoulas merged commit 0564c4b into mozilla:master Apr 17, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
3 participants