Skip to content

Fix: Correctly aligned input element of custom user status component#16151

Merged
ggazzo merged 3 commits intoRocketChat:developfrom
ashwaniYDV:customstatus
Feb 20, 2020
Merged

Fix: Correctly aligned input element of custom user status component#16151
ggazzo merged 3 commits intoRocketChat:developfrom
ashwaniYDV:customstatus

Conversation

@ashwaniYDV
Copy link
Contributor

@ashwaniYDV ashwaniYDV commented Jan 7, 2020

Closes #16145

Description:

Used default value of margin used in different components to keep UI consistent.

Before fix:

imageedit_4_3261222051

After fix:

aaaa
bbb

@ashwaniYDV
Copy link
Contributor Author

@sampaiodiego I have fixed the stylelint issue.

Copy link
Member

@gabriellsh gabriellsh left a comment

Choose a reason for hiding this comment

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

No need to create a new file or change anything, simply add <div class="rc-input__wrapper"> around the select element. (The wrapper applies the margins automatically). Also thanks for your constant contribution to the project! ;)

@ashwaniYDV
Copy link
Contributor Author

@gabriellsh I have made the requested changes.
Thank you 😇

@ggazzo ggazzo changed the title [UI] Correctly alligned input element of custom user status component [FIX] Correctly aligned input element of custom user status component Feb 20, 2020
@ggazzo ggazzo merged commit 13dc9aa into RocketChat:develop Feb 20, 2020
@rodrigok rodrigok changed the title [FIX] Correctly aligned input element of custom user status component Fix: Correctly aligned input element of custom user status component Mar 26, 2020
@sampaiodiego sampaiodiego mentioned this pull request Apr 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Input element of "user-status-custom" component is not alligned correctly.

3 participants

Comments