Bug 23889: Improve style of menu header in advanced cataloging editor

This patch updates the style of dropdown menu headers to make it apply
more globally and changes the advanced cataloging editor template so
that the correct class is applied to the menu header.

To test, apply the patch and rebuild the staff client CSS
(https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client).

Test the interfaces where these kinds of menu headers can be found:

 - Catalog search results: The "Sort" menu (Popularity, Author, etc.
   headings).

 - Saved report results: Run a report which returns a column of
   biblionumbers or itemnumbers. Check the "Batch operations" menu
   (Bibliographic records or item records headings).

 - Advanced cataloging editor: The settings menu (Change framework
   header).

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>

Signed-off-by: Joy Nelson <joy@bywatersolutions.com>
This commit is contained in:
Owen Leonard 2019-10-24 14:15:41 +00:00 committed by Joy Nelson
parent a73cb7ec6f
commit 1fa36b1d94
2 changed files with 13 additions and 9 deletions

View File

@ -2037,14 +2037,6 @@ li {
padding: 5px 25em 0 0;
}
}
.dropdown-header {
border-top: 1px solid #EEE;
color: #000;
font-weight: bold;
padding-left: 10px;
}
}
#search-facets {
@ -2966,6 +2958,18 @@ video {
// Bootstrap overrides
.dropdown-header {
border-top: 1px solid #EEE;
color: #000;
font-weight: bold;
margin-top: 5px;
padding-left: 10px;
&:first-child {
border-top: 0;
}
}
nav {
background: #E6F0F2 none;
border: 0;

View File

@ -46,7 +46,7 @@
<ul id="prefs-menu" class="dropdown-menu">
<li><a id="switch-editor" href="#">Switch to basic editor</a></li>
<li><a id="set-field-widgets" href="#"></a></li>
<li class="nav-header">Change framework</li>
<li class="dropdown-header">Change framework</li>
<li>
<a class="change-framework" data-frameworkcode="">
<i class="fa fa-fw unselected">&nbsp;</i>