Issue 15336

Style the navigation region, including the search form.

15336
Reporter: bko
Assignee: bko
Type: Story
Summary: Style the navigation region, including the search form.
Priority: Major
Resolution: Fixed
Status: Closed
Created: 2014-03-10 16:57:23.564
Updated: 2014-03-24 11:42:04.499
Resolved: 2014-03-24 11:41:54.589
        
Description: Done when:
1) the navigation region looks the same with the current portal;
2) the home, the navigation menu items and the search form are well-aligned as inline blocks.]]>
    

Attachment Screen Shot 2014-03-22 at 12.19.51 AM.png



Author: bko@gbif.org
Created: 2014-03-22 00:06:13.252
Updated: 2014-03-22 00:06:13.252
        
Logging implementation details, hopefully to be useful later.

Hooks used to alter the HTML:
- bvng_menu_link() in menu-link.func.php, which sets classes for various 
  • elements (.divider) or unshift unnecessary tags. - bvng_menu_tree__menu_block__gbif_navigation_nav() in menu-tree.func.php; changed to .nav-pills provided by bootstrap. - bvng_bootstrap_search_form_wrapper() in bootstrap-search-form-wrapper.func.php Important CSS rules: - input.form-control.nav_search_input.form-text in overrides.less; - .dropdown:hover .dropdown-menu in dropdowns.less, this opens the dropdowns by hovering; - #branding (modified from #top of Java portal), #navigation-menu in navbar.less.

  • 
    Author: bko@gbif.org
    Comment: Done as r2717 with pixel fine tuned and some documentation.
    Created: 2014-03-22 00:22:07.931
    Updated: 2014-03-22 00:22:07.931
    

    
    Author: bko@gbif.org
    Comment: The highlight in the main dropdown should be the same as the current portal.
    Created: 2014-03-24 11:12:30.37
    Updated: 2014-03-24 11:12:30.37
    

    
    Author: bko@gbif.org
    Comment: The hovered status is now fixed as r2723.
    Created: 2014-03-24 11:41:54.652
    Updated: 2014-03-24 11:41:54.652