jonmak08/liferay-portal — pull request #650 by mjbradford89 (2014-03-18 18:29:07+00:00)
Title: LPS-44677 - On mobile devices, the execution of the responsive theme for nav components is messy, especially with two sets of navs

Hi @jonmak08,

With the help of @marclundgren, I put together a liferay module called tabs-responsive. It is a solution to the issue described in LPS-44677. Essentially the module determines if there is enough room to display the tabs horizontally, and if not applies the bootstrap class 'nav-stacked'. There are some issues where I know it can be improved but I'm a little stuck in figuring out how.

First, for each time the module is used, it attaches a new resize event listener on the window. I know there should be a way to use the same listener for multiple instances of the tabs, but I'm not sure how.

Secondly, I currently set up the tabs taglib to use the module and am identifying individual 'nav-tabs' elements by using an ID of 'namespace-name[0]-type'. Using only the namespace, like is done in other taglibs, isn't specific enough because there are places with multiple instances of tabs in the same namespace. My solution works for now but I know it is probably not the best approach.

Thanks in advance!