From 286141ed30fba1d5231b629c64154290553e1a5b Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Fri, 10 Aug 2018 13:37:49 +0000 Subject: [PATCH] Bug 20217: Make header's catalog search menu into a split button This patch modifies the markup for the staff client header's catalog search menu so that it mimics the behavior of a Bootstrap split button (As seen on the cataloging home page's 'New from Z39.50' button). To test, apply the patch, run 'yarn build' to regenerate the staff client's CSS, and clear your browser cache. - View any page in the staff client. - Hover your mouse over the "Search" link in the header. It should trigger a hover affect on the adjacent menu link. - Clicking the "Search" link should take you directly to the advanced search page. - Clicking the adjacent menu link should display a menu containing links to advanced search and item search. Signed-off-by: Claire Gravely Signed-off-by: Jonathan Druart --- .../intranet-tmpl/prog/css/src/staff-global.scss | 21 +++++++++++++++++++++ koha-tmpl/intranet-tmpl/prog/en/includes/header.inc | 7 +++++-- koha-tmpl/intranet-tmpl/prog/js/staff-global.js | 3 +++ 3 files changed, 29 insertions(+), 2 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss index b17c6e4517..c3441f5e7b 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -4112,6 +4112,27 @@ ul { /* ==== MODULE LINKS - End ==== */ +#catalog-search-link { + border-right: 1px solid lighten( #E6F0F2, 15% ); + padding-right: .3em; +} + +#catalog-search-dropdown { + padding: 0; + + & > a { + border-left: 1px solid darken( #B4D2D8, 5% ); + margin-right: .6em; + padding: .4em .6em; + + &:hover, + &.catalog-search-dropdown-hover { + background-color: darken( #E6F0F2, 5% ); + border-left: 1px solid darken( #B4D2D8, 15% ); + } + } +} + @media (min-width: 200px) { .navbar-nav > li { float: left; diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/header.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/header.inc index 3c112ee70c..1071eea29b 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/includes/header.inc +++ b/koha-tmpl/intranet-tmpl/prog/en/includes/header.inc @@ -4,8 +4,11 @@