Skip to content

Simplify dropdown menu html and move styles from span elements to classes#5648

Merged
javiereguiluz merged 1 commit intoEasyCorp:4.xfrom
TmszLBmrv:style_updates
Mar 11, 2023
Merged

Simplify dropdown menu html and move styles from span elements to classes#5648
javiereguiluz merged 1 commit intoEasyCorp:4.xfrom
TmszLBmrv:style_updates

Conversation

@TmszLBmrv
Copy link
Copy Markdown
Contributor

I noticed that language links in dropdown-menu have no padding after latest updates, because those links have no span elements that take care of that.

The lazy solution would be to just put {{ localeDto.name }} in span, but in my opinion, the span elements are just not necessary. It would be better to move padding to dropdown-items. That way, html is simpler and if in some cases you would still like to do some nesting there, you can use span without breaking anything, because it has no styles attached.

I also got rid of few icon styles in those items, because fa-fw takes care of the styles that were used there, plus fixed height prevented icons from centering vertically.

Before:
Screenshot_20230221_163628

After:
Screenshot_20230221_163637

Copy link
Copy Markdown
Contributor

@Lustmored Lustmored left a comment

Choose a reason for hiding this comment

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

I was helping along with this PR and can confirm that it makes this menu look better

@Ambrise
Copy link
Copy Markdown

Ambrise commented Mar 6, 2023

I also noticed this problem and this fix would be great!

@javiereguiluz javiereguiluz added this to the 4.x milestone Mar 11, 2023
@javiereguiluz
Copy link
Copy Markdown
Collaborator

Thanks @TmszLBmrv and sorry it took us so long to merge this.

@javiereguiluz javiereguiluz merged commit eb84969 into EasyCorp:4.x Mar 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants