Skip to content

style: optimize style#115

Open
imfenghuang wants to merge 1 commit intosissilab:masterfrom
imfenghuang:master
Open

style: optimize style#115
imfenghuang wants to merge 1 commit intosissilab:masterfrom
imfenghuang:master

Conversation

@imfenghuang
Copy link

@imfenghuang imfenghuang commented Jul 5, 2024

  1. use flex layout to replace the float layout;

flex is beautiful and it has also been used in other places of this plugin

  1. move the li hover animation to the li:hover::before

If there is a hover animation on li element and the position of li element will move up and down during the animation, causing the hover style of li element switch back and forth (from cursor: pointer; to cursor: auto; then to cursor: pointer;) when the mouse is on the edge of li element.
Move the animation from li to the li::before, the problem has been resolved. And the li cursor: pointer; is also still working normally.

1. use `flex` layout  to replace the float layout;
2. move the `li` hover animation to the `li:hover::before`
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.

1 participant