Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

dropdown menu rounded borders: small style issue #379

insad opened this Issue Feb 24, 2014 · 3 comments


None yet
3 participants

insad commented Feb 24, 2014

Style for:

.navbar-nav > li > .dropdown-menu

should be:

border-radius: 6px;

instead of border-radius: 4px - in order to be compatible with the border radius declared in ".dropdown-menu li:first-child > a" and ".dropdown-menu li:last-child > a" - if not a highlighted (dropdown) menu item shows strange corners.

insad commented Mar 3, 2014

The problem is actually in navbar.less, on line 325 for .navbar-nav > li > .dropdown-menu a border-radius of "@border-radius-base" is used.
While in dropdown.less (lines 28, 35) a value of "@border-radius-large" is used.

@pytkin pytkin added the bug label Mar 3, 2014

pytkin commented Mar 3, 2014

Hello, @insad. We planning redesign dropdowns, this issue will be fixed in one of the next releases.

Hi, @insad, we switched to select2.js in the latest release, please check it out.

@andrew-ml andrew-ml closed this Oct 3, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment