New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Import css dropdowns handling from udata-gouvfr #1297
Import css dropdowns handling from udata-gouvfr #1297
Conversation
} | ||
|
||
// Mobile: display inline when menu is open | ||
.navbar-collapse.in &.dropdown-hover .dropdown-menu { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
How do we know this is for mobile? Just by reading the CSS selector, it is not obvious.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
.navbar-collapse.in
is the bootstrap selector for the expanded menu on mobile only (.navbar-collapse
is always visible on desktop)
This is not obvious (and I had to search), this is why I put the comment.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
BTW, why block the merge and request change ? Do you want me to change something ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@noirbizarre ok thanks. I was not sure if there was a more obvious way to signpost this. Something more obvious than a comment. I can live with it :-)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some mecanism in bootstrap are a little bit weird to understand :/
This PRs import CSS dropdowns behavior from gouvfr style (it's a ashred behavior) and fix hidden submenus on mobile.