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.]]>
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