From ecd75d6170cf333148cef2c377cf8464b961c1bd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Lahmann?= <lahmann@ub.uni-leipzig.de> Date: Mon, 12 Jun 2017 15:02:52 +0200 Subject: [PATCH] refs #9844: * added missing files to bootstrap finc-theme --- themes/finc/js/check_item_statuses.js | 24 +- themes/finc/js/openurl.js | 22 +- themes/finc/scss/_customVariables.scss | 5 +- themes/finc/scss/compiled.scss | 123 +++++++--- .../RecordDriver/SolrMarc/core.phtml | 12 +- .../templates/RecordTab/staffviewai.phtml | 30 +-- themes/finc/templates/collection/view.phtml | 3 +- themes/finc/templates/footer.phtml | 8 +- themes/finc/templates/header.phtml | 214 +++++++++--------- .../myresearch/bulk-action-buttons.phtml | 2 +- themes/finc/templates/record/emailhold.phtml | 2 +- 11 files changed, 255 insertions(+), 190 deletions(-) diff --git a/themes/finc/js/check_item_statuses.js b/themes/finc/js/check_item_statuses.js index 81edc76235f..daa562d0ad3 100644 --- a/themes/finc/js/check_item_statuses.js +++ b/themes/finc/js/check_item_statuses.js @@ -21,7 +21,7 @@ function checkItemStatuses(container) { return; } - $(".ajax-availability").removeClass('hide'); + $(".ajax-availability").removeClass('hidden'); $.ajax({ dataType: 'json', method: 'POST', @@ -42,21 +42,21 @@ function checkItemStatuses(container) { ) { // Full status mode is on -- display the HTML and hide extraneous junk: item.find('.callnumAndLocation').empty().append(result.full_status); - item.find('.callnumber').addClass('hide'); - item.find('.location').addClass('hide'); - item.find('.hideIfDetailed').addClass('hide'); - item.find('.status').addClass('hide'); + item.find('.callnumber').addClass('hidden'); + item.find('.location').addClass('hidden'); + item.find('.hiddenIfDetailed').addClass('hidden'); + item.find('.status').addClass('hidden'); } else if (typeof(result.missing_data) != 'undefined' && result.missing_data ) { // No data is available -- hide the entire status area: - item.find('.callnumAndLocation').addClass('hide'); - item.find('.status').addClass('hide'); + item.find('.callnumAndLocation').addClass('hidden'); + item.find('.status').addClass('hidden'); } else if (result.locationList) { // We have multiple locations -- build appropriate HTML and hide unwanted labels: - item.find('.callnumber').addClass('hide'); - item.find('.hideIfDetailed').addClass('hide'); - item.find('.location').addClass('hide'); + item.find('.callnumber').addClass('hidden'); + item.find('.hideIfDetailed').addClass('hidden'); + item.find('.location').addClass('hidden'); var locationListHTML = ""; for (var x=0; x<result.locationList.length; x++) { locationListHTML += '<div class="groupLocation">'; @@ -80,11 +80,11 @@ function checkItemStatuses(container) { ? result.locationList[x].callnumbers : ''; locationListHTML += '</div>'; } - item.find('.locationDetails').removeClass('hide'); + item.find('.locationDetails').removeClass('hidden'); item.find('.locationDetails').empty().append(locationListHTML); } else if (result.callnumber.length == 0 && result.location.length == 0) { // hide location and callnumber information if both are empty - item.find('.callnumAndLocation').addClass('hide'); + item.find('.callnumAndLocation').addClass('hidden'); } else { // Default case -- load call number and location into appropriate containers: item.find('.callnumber').empty().append(result.callnumber+'<br/>'); diff --git a/themes/finc/js/openurl.js b/themes/finc/js/openurl.js index 578e73d0c24..cc66d9d9220 100644 --- a/themes/finc/js/openurl.js +++ b/themes/finc/js/openurl.js @@ -20,21 +20,21 @@ VuFind.register('openurl', function() { var embedOpenUrlLinks = function(element) { // Extract the OpenURL associated with the clicked element: var openUrl = element.children('span.openUrl:first').attr('title'); - - // Hide the controls now that something has been clicked: + + // hidden the controls now that something has been clicked: var controls = element.parents('.openUrlControls'); - controls.removeClass('openUrlEmbed').addClass('hide'); - + controls.removeClass('openUrlEmbed').addClass('hidden'); + // Locate the target area for displaying the results: var target = controls.next('div.resolver'); - + // To chose the right resolver we have to get the resolvertype: var resolvertype = element.children('span.resolvertype:first').attr('title'); - + // If the target is already visible, a previous click has populated it; // don't waste time doing redundant work. - if (target.hasClass('hide')) { - _loadResolverLinks(target.removeClass('hide'), openUrl, element.data('search-class-id'), resolvertype); + if (target.hasClass('hidden')) { + _loadResolverLinks(target.removeClass('hidden'), openUrl, element.data('search-class-id'), resolvertype); } }; @@ -44,7 +44,7 @@ VuFind.register('openurl', function() { if (typeof(container) == 'undefined') { container = $('body'); } - + // assign action to the openUrlWindow link class container.find('a.openUrlWindow').unbind('click').click(function() { var params = extractClassParams(this); @@ -52,13 +52,13 @@ VuFind.register('openurl', function() { window.open($(this).attr('href'), 'openurl', settings); return false; }); - + // assign action to the openUrlEmbed link class container.find('.openUrlEmbed a').unbind('click').click(function() { embedOpenUrlLinks($(this)); return false; }); - + container.find('.openUrlEmbed.openUrlEmbedAutoLoad a').trigger('click'); }; return { diff --git a/themes/finc/scss/_customVariables.scss b/themes/finc/scss/_customVariables.scss index 7f8c020f4e7..96970325bc6 100644 --- a/themes/finc/scss/_customVariables.scss +++ b/themes/finc/scss/_customVariables.scss @@ -93,8 +93,8 @@ $pagination-disabled-color: $gainsboro !default; ////// NOTE that the hover states use the default color too! $btn-primary-color: $white !default; $btn-primary-bg: $brand-primary !default; -// $btn-primary-color: $btn-primary-color !default; // already defined this way in BS _variables, use this variable to change it -// $btn-primary-bg: $brand-primary !default; // already defined this way in BS _variables, use this variable to change it +// $btn-primary-color: $btn-primary-color !default; // already defined this way in BS _variables, use this variable to change it +// $btn-primary-bg: $brand-primary !default; // already defined this way in BS _variables, use this variable to change it $btn-transparent-color: $steel !default; $btn-transparent-bg: transparent !default; $btn-transparent-border: $border-color !default; @@ -154,6 +154,7 @@ $grid-gutter-width: 30px; //// Navbar gets a minimum-height of 50px by default, activate and change here! //// for fixed navbars, the body requires a padding-bottom of the same height as the navbar $navbar-height: 80px !default; +$navbar-height-sm: $navbar-height / 2 !default; //// Set navbar-height for small devices, USE px as rem will throw an error in conjunction _variables.scss $navbar-height-xs: $navbar-height / 3 !default; diff --git a/themes/finc/scss/compiled.scss b/themes/finc/scss/compiled.scss index 3964dfab068..e134e6b0b94 100644 --- a/themes/finc/scss/compiled.scss +++ b/themes/finc/scss/compiled.scss @@ -75,7 +75,31 @@ section { // Add top-padding to body to accommodate fixed navbar; -- padding should equal navbar-height -- // the home page, however, has a lower navbar because there is no breadcrumbs there body { - padding-top: $navbar-height; + // for mobile + padding-top: $navbar-height-xs; + + // for tablet + @media (min-width: $screen-sm-min) { + padding-top: $navbar-height-sm; + } + + //// for large + @media (min-width: $screen-md-min) { + padding-top: $navbar-height; + } +} + +// Collapse/Hide empty containers -- DO NOT INCLUDE span (dropdown carets are empty spans) NOR DIV (slider track handles) +h1, +h2, +h3, +h4, +label, +.label { + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } } // HEADINGS @@ -88,6 +112,7 @@ h3 { margin-top: 0; } } + //// h1 //// h2 //// h3 @@ -161,12 +186,12 @@ form { } &.limit { - margin-right: 1rem; + margin-right: $grid-gutter-width / 2; } // limit the width of the select field if necessary - more select details below &.sort select { - max-width: 17rem; + max-width: 12em; } } @@ -219,7 +244,8 @@ legend { //// Select - for limit and sort-select widths see above ////// remove browser styles on select boxes and add custom styles (below) -select { +select, +select.form-control { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: $select-bg-color; @@ -231,9 +257,9 @@ select { border-radius: 0; border-style: solid; border-width: 1px; - height: 2.5rem; - min-width: 5rem; - padding: .25rem .75rem .25rem .5rem; + height: 2.5em; + min-width: 5em; + padding: .25em .75em .25em .5em; &.form-control { background-color: $select-bg-color; @@ -250,6 +276,7 @@ select { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); } } + //// Select - END //// textarea {} @@ -289,8 +316,9 @@ select { padding-top: 0; } //// HOVERABLE DROPDOWNS -- make DDs hoverable as in FNDTN -//// Show the dropdown menu on hover -.dropdown:hover .dropdown-menu { +// Add the dropdown-on-hover class to the parent li container! OR use on all (see commented-out part below) +// Menu will show on hover +.dropdown-on-hover:hover .dropdown-menu { display: block; } @@ -313,6 +341,11 @@ select { } } +.text-danger { + background-color: $brand-danger; + padding: $grid-gutter-width / 8; +} + //// DATE-RANGE slider (CSS is included in bootstrap-slider.min.css - currently no SCSS version!) //// Use parent container to increase specifity; //// to avoid the !important, we would need to use even more parent containers @@ -325,6 +358,11 @@ select { //// Transparent BUTTONs (Button with border and darker text on light or white BGs) .btn-transparent { @include button-variant($btn-transparent-color, $btn-transparent-bg, $btn-transparent-border); + + &:hover, + &:focus { + color: darken($btn-transparent-color, 30%); + } } //// Accordion / Collapse @@ -332,7 +370,7 @@ select { .accordion-toggler { background: $toggler; display: block; - padding: 1rem; + padding: $grid-gutter-width / 2; text-align: left; width: 100%; @@ -364,7 +402,6 @@ select { } - //// Source-id branding (WISO etc) .branding { display: none; @@ -373,12 +410,13 @@ select { background: url('../images/wiso-transparent-70x20.png') 0 0 no-repeat; display: inline-block; height: 20px; - margin-left: .2rem; - margin-top: 0; + margin-left: .2em; + margin-top: $grid-gutter-width / 8; vertical-align: middle; width: 70px; } } + //// Source-id branding (WISO etc) - END //// Document Delivery Service (DDS) only @@ -389,6 +427,7 @@ select { font-weight: 500; line-height: 200%; } + //// Document Delivery Service (DDS) only - END //// Sprites for Mediaicons @@ -643,12 +682,14 @@ select { } ////// NO margin top -.no-margin-t { +.no-margin-t, +.sidebar h4.no-margin-t { margin-top: 0; } //// Width 100% -.w-100 { +.w-100, +.form-control.w-100 { width: 100%; } @@ -675,7 +716,6 @@ select { } } - // HEADER and NAVBAR FIXED having the same width as rest of the page // (the header can also run the full width of the viewport!) header, @@ -741,13 +781,18 @@ header, display: inline-block; margin-left: 0; margin-top: $grid-gutter-width / 2; + + @media (max-width: $screen-sm-max) { + margin-left: $grid-gutter-width / 2; + margin-top: $grid-gutter-width / 8; + } } } // Searchbox see below // Define height for navbar on small, allow for stacked search box + @media (max-width: $screen-sm-max) { - min-height: $navbar-height-xs; + min-height: $navbar-height-sm; padding-bottom: $grid-gutter-width / 2; } @@ -755,8 +800,7 @@ header, .navbar-collapse.collapse.in { background-color: $navbar-bg-color; position: absolute; - right: 0; - top: $navbar-height-xs * 2; + top: $navbar-height-xs * 1.5; } // Make language dropdown visible, style it and hide active but show selectable language(s) @@ -793,13 +837,34 @@ header, } } +//// Make header navbar on mobile 100% wide +#header-collapse.collapse.in { + @media (max-width: $screen-sm-max) { + width: 100%; + + li > a.btn { + text-align: left; + } + + #langmenu { + padding-left: $grid-gutter-width / 2; + width: 100%; + } + } +} + //// Library name in navbar - we give it the same padding as a button, so if fits in with the header .navbar-brand { padding: ($grid-gutter-width / 4) ($grid-gutter-width / 2) ($grid-gutter-width / 4) 0; + + @media (max-width: $screen-xs-max) { + height: auto; + } } //// Menu toggler for small .navbar-toggle { + margin-bottom: 0; margin-right: 0; margin-top: 0; @@ -836,7 +901,6 @@ header, // push searchbox down on mobile + add border for better looks @media only screen and (max-width: $screen-xs-max) { border: 1px solid $border-color; - margin-left: $grid-gutter-width / 2; margin-top: $grid-gutter-width / 2; } } @@ -893,7 +957,6 @@ header, padding: 0; li { - border-top: 0; display: inline; padding-left: .5em; @@ -909,7 +972,6 @@ header, border-bottom: 0; border-right: 1px solid $brand-primary; display: inline; - padding-right: .5em; &:last-of-type { @@ -918,6 +980,7 @@ header, } } } + // SEARCHBOX and Autocomplete - END // BREADCRUMBS - for detailed switches see customVariables @@ -932,6 +995,7 @@ header, color: darken($breadcrumb-active-color, 10%); } } + // BREADCRUMBS - END // MAIN CONTENT (SIDEBAR BELOW, ADVANCED SEARCH BELOW) @@ -970,7 +1034,7 @@ footer .container { //// Push hits count down to align with limit and sort select boxes .hits-count { - padding-top: .5rem; + padding-top: .5em; } //// Search Results padding @@ -1032,11 +1096,13 @@ footer .container { margin-top: .75em; padding: .5em; // for default see _labels.scss } + ////// Pagination & Searchtools (for mixin see customVariables.scss) .pagination, .searchtools { @include content-centered-display-as-table; } + ////// Pagination & Searchtools - END //// Search results - END @@ -1047,6 +1113,7 @@ footer .container { .pager { margin-bottom: 0; } + ////// Pager - END ////// Tabs /////// Add left and right borders @@ -1123,10 +1190,12 @@ footer .container { .template-name-home .container { padding-top: $grid-gutter-width / 2; } + ////// browsing suggestion lists on home (prevent torn-apart look when 2 columns only) .browsesuggest.columns + .columns:last-child { float: left; } + //// Home Page - END //// Advanced Search @@ -1153,7 +1222,9 @@ footer .container { // Remove dotted lines around items when hovering over .close { &:hover, - &:focus {outline: none;} + &:focus { + outline: none; + } } } //// Advanced Search - END @@ -1161,7 +1232,6 @@ footer .container { // MAIN CONTENT - END - // SIDEBAR //// Add top padding to sidebar for better looks -- same as for #content, above .sidebar { @@ -1229,12 +1299,11 @@ footer .container { .narrow-toggle { text-align: $narrow-toggle-text-alignment; } + //// More-Toggle - END // SIDEBAR - END - - // FOOTER //// For border round footer, see 'footer .container' above diff --git a/themes/finc/templates/RecordDriver/SolrMarc/core.phtml b/themes/finc/templates/RecordDriver/SolrMarc/core.phtml index 122601da390..328f63a5c48 100644 --- a/themes/finc/templates/RecordDriver/SolrMarc/core.phtml +++ b/themes/finc/templates/RecordDriver/SolrMarc/core.phtml @@ -85,11 +85,7 @@ if($loggedin = $this->auth()->isLoggedIn()) { <th><?=$this->transEsc('New Title')?>: </th> <td> <? foreach($nextTitles as $field): ?> - <? if (!empty($field['record_id']) && $recordLink = $this->RecordLink()->getRecordLink($field['record_id'], 'record_id')): ?> - <?=$this->escapeHtml($field['pretext'])?> <a href="<?=$recordLink;?>"><?=$this->escapeHtml($field['text'])?></a><br/> - <? else: ?> - <?=$this->escapeHtml($field['pretext'])?> <a href="<?=$this->record($this->driver)->getLink('title', $field['text'])?>"><?=$this->escapeHtml($field['text'])?></a><br/> - <? endif; ?> + <a href="<?=$this->record($this->driver)->getLink('title', $field)?>"><?=$this->escapeHtml($field)?></a><br/> <? endforeach; ?> </td> </tr> @@ -100,11 +96,7 @@ if($loggedin = $this->auth()->isLoggedIn()) { <th><?=$this->transEsc('Previous Title')?>: </th> <td> <? foreach($prevTitles as $field): ?> - <? if (!empty($field['record_id']) && $recordLink = $this->RecordLink()->getRecordLink($field['record_id'], 'record_id')): ?> - <?=$this->escapeHtml($field['pretext'])?> <a href="<?=$recordLink;?>"><?=$this->escapeHtml($field['text'])?></a><br/> - <? else: ?> - <?=$this->escapeHtml($field['pretext'])?> <a href="<?=$this->record($this->driver)->getLink('title', $field['text'])?>"><?=$this->escapeHtml($field['text'])?></a><br/> - <? endif; ?> + <a href="<?=$this->record($this->driver)->getLink('title', $field)?>"><?=$this->escapeHtml($field)?></a><br/> <? endforeach; ?> </td> </tr> diff --git a/themes/finc/templates/RecordTab/staffviewai.phtml b/themes/finc/templates/RecordTab/staffviewai.phtml index cc33451ac5f..a8db32767f6 100644 --- a/themes/finc/templates/RecordTab/staffviewai.phtml +++ b/themes/finc/templates/RecordTab/staffviewai.phtml @@ -1,19 +1,19 @@ <!-- recordtab - staffviewarray --> <? - // Set page title. - $this->headTitle($this->translate('Staff View') . ': ' . $this->driver->getBreadcrumb()); +// Set page title. +$this->headTitle($this->translate('Staff View') . ': ' . $this->driver->getBreadcrumb()); ?> - <table class="citation table table-striped"> - <? foreach ($this->driver->getAIRecord() as $field => $values): ?> - <tr> - <th><?=$this->escapeHtml($field)?></th> - <td> - <? if (!is_array($values)) { $values = array($values); } ?> - <? foreach ($values as $value): ?> - <?=$this->escapeHtml(is_array($value) ? print_r($value, true) : $value)?><br /> - <? endforeach; ?> - </td> - </tr> - <? endforeach; ?> - </table> +<table class="citation table table-striped"> + <? foreach ($this->driver->getAIRecord() as $field => $values): ?> + <tr> + <th><?=$this->escapeHtml($field)?></th> + <td> + <? if (!is_array($values)) { $values = array($values); } ?> + <? foreach ($values as $value): ?> + <?=$this->escapeHtml(is_array($value) ? print_r($value, true) : $value)?><br /> + <? endforeach; ?> + </td> + </tr> + <? endforeach; ?> +</table> <!-- recordtab - staffviewarray - END --> \ No newline at end of file diff --git a/themes/finc/templates/collection/view.phtml b/themes/finc/templates/collection/view.phtml index 3d3faf7f439..1dbd03fbdf3 100644 --- a/themes/finc/templates/collection/view.phtml +++ b/themes/finc/templates/collection/view.phtml @@ -1,3 +1,4 @@ +<!-- collection - VIEW.phtml --> <? // Set up standard record scripts: $this->headScript()->appendFile("record.js"); @@ -49,7 +50,7 @@ $this->layout()->breadcrumbs .= '<li><a href="' . $this->url('collections-home') </ul> <? endif; ?> - <? /* DONT get the toolbar here but below, finc-specific, CK */ ?> + <? /* DON'T pull the toolbar in here but below, finc-specific, CK */ ?> <div class="<?=$tree ? 'col-sm-12' : $this->layoutClass('mainbody')?>"> <div class="record"> diff --git a/themes/finc/templates/footer.phtml b/themes/finc/templates/footer.phtml index 0699a7a3e6b..6d220ecba4f 100644 --- a/themes/finc/templates/footer.phtml +++ b/themes/finc/templates/footer.phtml @@ -1,6 +1,6 @@ <!-- FOOTER.PHTML begin --> <div class="row"> - <div class="col-sm-4"> + <div class="col-xs-4"> <p><strong><?=$this->transEsc('Search Options')?></strong></p> @@ -10,7 +10,7 @@ </ul> </div> - <div class="col-sm-4"> + <div class="col-xs-4"> <p><strong><?=$this->transEsc('Find More')?></strong></p> <ul> @@ -22,7 +22,7 @@ <li><a href="<?=$this->url('myresearch-acquisition')?>"><?=$this->transEsc('Suggestions for acquisition')?></a></li> </ul> </div> - <div class="col-sm-4"> + <div class="col-xs-4"> <p><strong><?=$this->transEsc('Need Help?')?></strong></p> <ul> <li><a href="<?=$this->url('help-home')?>?topic=search" data-lightbox class="help-link"><?=$this->transEsc('Search Tips')?></a></li> @@ -34,7 +34,7 @@ <? /* finc branding footer */ ?> <hr> <div class="row powered-by"> - <div class="col-sm-12"> + <div class="col-xs-12"> <span>Powered by</span> <a href="https://www.vufind.org" title="vufind.org" target="_blank"><img src="<?=$this->imageLink('vufind_logo.png')?>" alt="powered by VuFind - VuFind Logo" /></a> <a href="http://blog.finc.info" title="Blog FinC-Team" target="_blank"><img src="<?=$this->imageLink('finc_logo.png')?>" alt="powered by finc - finc Logo" /></a> diff --git a/themes/finc/templates/header.phtml b/themes/finc/templates/header.phtml index 8d873694a62..de2d32d0423 100644 --- a/themes/finc/templates/header.phtml +++ b/themes/finc/templates/header.phtml @@ -1,11 +1,18 @@ <!-- HEADER.PHTML begin --> <? $account = $this->auth()->getManager(); ?> -<div class="navbar-header"> - <? /* moved mobile navigation toggler down below h1 - CK */ ?> - <? /* This nav element is the sticky element in the header - CK */ ?> - <nav class="navbar navbar-fixed-top"> - <? /* Dont use a div class="container" to wrap as it will add a left and right padding */ ?> +<? /* This nav element is the sticky element in the header - CK */ ?> +<nav class="navbar navbar-fixed-top"> + <div class="container-fluid"> + + <? /* This element ONLY holds toggler and navbar-brand - CK */ ?> + <div class="navbar-header"> + <? /* mobile navigation toggler - CK */ ?> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#header-collapse"> + <span class="sr-only">Toggle navigation</span> + <i class="fa fa-bars" aria-hidden="true"></i> + </button> + <h1> <a class="navbar-brand lang-<?=$this->layout()->userLang?>" href="<?=$this->url('home')?>"> <? /* Custom finc header - CK */ ?> @@ -14,116 +21,111 @@ <? /* Custom finc header - END */ ?> </a> </h1> + </div> - <? /* mobile navigation toggler - CK */ ?> - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#header-collapse"> - <span class="sr-only">Toggle navigation</span> - <i class="fa fa-bars" aria-hidden="true"></i> - </button> + <? if ($this->layout()->searchbox !== false): ?> + <? /* remove visible-lg to show on small etc, CK */ ?> + <section id="searchslots" class="left"> + <ul class="navbar-left list-unstyled margin-l-xs"> + <li> + <?=$this->layout()->searchbox?> + </li> + </ul> + </section> + <? endif; ?> + <? if (!isset($this->layout()->renderingError)): ?> + <div class="collapse navbar-collapse right" id="header-collapse"> + <? /* Right-hand Nav Section */ ?> + <nav> + <ul class="nav navbar-nav navbar-right flip"> - <? if ($this->layout()->searchbox !== false): ?> - <? /* remove visible-lg to show on small etc, CK */ ?> - <section id="searchslots" class="left"> - <ul class="navbar-left list-unstyled margin-l-xs"> - <li> - <?=$this->layout()->searchbox?> - </li> - </ul> - </section> - <? endif; ?> - <? if (!isset($this->layout()->renderingError)): ?> - <div class="collapse navbar-collapse right" id="header-collapse"> - <? /* Right-hand Nav Section */ ?> - <nav> - <ul class="nav navbar-nav navbar-right flip"> + <? if ($this->feedback()->tabEnabled()): ?> + <li> + <a id="feedbackLink" class="btn" data-lightbox href="<?=$this->url('feedback-home')?>"> + <i class="fa fa-envelope" aria-hidden="true"></i> + <span class="hidden-sm"><?=$this->transEsc("Feedback")?></span> + </a> + </li> + <? endif; ?> + <? $cart = $this->cart(); + if ($cart->isActive()): ?> + <li id="cartSummary"> + <a id="cartItems" class="btn" data-lightbox title="<?=$this->transEsc('View Book Bag')?>" href="<?=$this->url('cart-home')?>"> + <i class="fa fa-clipboard" aria-hidden="true"></i> <strong><?=count($cart->getItems())?></strong> + <span class="hidden-sm"><?=$this->transEsc('items')?><?=$cart->isFull() ? ' (' . $this->transEsc('bookbag_full') . ')' : ''?></span> + </a> + </li> + <? endif; ?> + <? if (is_object($account) && $account->loginEnabled()): // hide login/logout if unavailable ?> + <li class="logoutOptions<? if (!$account->isLoggedIn()): ?> hidden<? endif ?>"> + <a class="btn" href="<?=$this->url('myresearch-home', array(), array('query' => array('redirect' => 0)))?>"> + <i class="fa fa-home" aria-hidden="true"></i> + <span class="hidden-sm"><?=$this->transEsc("Your Account")?></span> + </a> + </li> - <? if ($this->feedback()->tabEnabled()): ?> - <li> - <a id="feedbackLink" class="btn" data-lightbox href="<?=$this->url('feedback-home')?>"> - <i class="fa fa-envelope" aria-hidden="true"></i> - <span class="hidden-sm"><?=$this->transEsc("Feedback")?></span> - </a> - </li> - <? endif; ?> - <? $cart = $this->cart(); - if ($cart->isActive()): ?> - <li id="cartSummary"> - <a id="cartItems" class="btn" data-lightbox title="<?=$this->transEsc('View Book Bag')?>" href="<?=$this->url('cart-home')?>"> - <i class="fa fa-clipboard" aria-hidden="true"></i> <strong><?=count($cart->getItems())?></strong> - <span class="hidden-sm"><?=$this->transEsc('items')?><?=$cart->isFull() ? ' (' . $this->transEsc('bookbag_full') . ')' : ''?></span> - </a> - </li> - <? endif; ?> - <? if (is_object($account) && $account->loginEnabled()): // hide login/logout if unavailable ?> - <li class="logoutOptions<? if (!$account->isLoggedIn()): ?> hidden<? endif ?>"> - <a class="btn" href="<?=$this->url('myresearch-home', array(), array('query' => array('redirect' => 0)))?>"> - <i class="fa fa-home" aria-hidden="true"></i> - <span class="hidden-sm"><?=$this->transEsc("Your Account")?></span> - </a> - </li> + <li class="logoutOptions<? if (!$account->isLoggedIn()): ?> hidden<? endif ?>"> + <a class="logout btn" href="<?=$this->url('myresearch-logout')?>" title="<?=$this->transEsc("Log Out")?>"> + <i class="fa fa-sign-out" aria-hidden="true"></i> + <span class="hidden-sm"><?=$this->transEsc("Log Out")?></span> + </a> + </li> - <li class="logoutOptions<? if (!$account->isLoggedIn()): ?> hidden<? endif ?>"> - <a class="logout btn" href="<?=$this->url('myresearch-logout')?>" title="<?=$this->transEsc("Log Out")?>"> - <i class="fa fa-sign-out" aria-hidden="true"></i> - <span class="hidden-sm"><?=$this->transEsc("Log Out")?></span> + <li id="loginOptions"<? if ($account->isLoggedIn()): ?> class="hidden"<? endif ?>> + <? if ($account->getSessionInitiator($this->serverUrl($this->url('myresearch-home')))): ?> + <a class="btn" href="<?=$this->url('myresearch-userlogin')?>"> + <i class="fa fa-sign-in" aria-hidden="true"></i> + <span class="hidden-sm"><?=$this->transEsc("Institutional Login")?></span> </a> - </li> - - <li id="loginOptions"<? if ($account->isLoggedIn()): ?> class="hidden"<? endif ?>> - <? if ($account->getSessionInitiator($this->serverUrl($this->url('myresearch-home')))): ?> - <a class="btn" href="<?=$this->url('myresearch-userlogin')?>"> - <i class="fa fa-sign-in" aria-hidden="true"></i> - <span class="hidden-sm"><?=$this->transEsc("Institutional Login")?></span> - </a> - <? else: ?> - <a class="btn" href="<?=$this->url('myresearch-userlogin')?>" data-lightbox> - <i class="fa fa-sign-in" aria-hidden="true"></i> - <span class="hidden-sm"><?=$this->transEsc("Login")?></span> - </a> - <? endif; ?> - </li> - <? endif; ?> + <? else: ?> + <a class="btn" href="<?=$this->url('myresearch-userlogin')?>" data-lightbox> + <i class="fa fa-sign-in" aria-hidden="true"></i> + <span class="hidden-sm"><?=$this->transEsc("Login")?></span> + </a> + <? endif; ?> + </li> + <? endif; ?> - <? if (isset($this->layout()->themeOptions) && count($this->layout()->themeOptions) > 1): ?> - <li class="theme dropdown"> - <form method="post" name="themeForm" id="themeForm"> - <input type="hidden" name="ui"/> - </form> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?=$this->transEsc("Theme")?> <strong class="caret"></strong></a> + <? if (isset($this->layout()->themeOptions) && count($this->layout()->themeOptions) > 1): ?> + <li class="theme dropdown"> + <form method="post" name="themeForm" id="themeForm"> + <input type="hidden" name="ui"/> + </form> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?=$this->transEsc("Theme")?> <strong class="caret"></strong></a> - <ul class="dropdown-menu"> - <? foreach ($this->layout()->themeOptions as $current): ?> - <li<?=$current['selected'] ? ' class="active"' : ''?>> - <a href="#" onClick="document.themeForm.ui.value='<?=$this->escapeHtmlAttr($current['name'])?>';document.themeForm.submit()"><?=$this->transEsc($current['desc'])?></a> - </li> - <? endforeach; ?> - </ul> - </li> - <? endif; ?> + <ul class="dropdown-menu"> + <? foreach ($this->layout()->themeOptions as $current): ?> + <li<?=$current['selected'] ? ' class="active"' : ''?>> + <a href="#" onClick="document.themeForm.ui.value='<?=$this->escapeHtmlAttr($current['name'])?>';document.themeForm.submit()"><?=$this->transEsc($current['desc'])?></a> + </li> + <? endforeach; ?> + </ul> + </li> + <? endif; ?> - <? if (isset($this->layout()->allLangs) && count($this->layout()->allLangs) > 1): ?> - <li class="language dropdown"> - <form method="post" name="langForm" id="langForm"> - <input type="hidden" name="mylang"/> - </form> - <a class="btn dropdown-toggle hidden-xs hidden-sm" data-toggle="dropdown" href="#" aria-controls="langmenu" aria-expanded="false"><?=$this->transEsc("Language")?> <strong - class="caret"></strong></a> + <? if (isset($this->layout()->allLangs) && count($this->layout()->allLangs) > 1): ?> + <li class="language dropdown"> + <form method="post" name="langForm" id="langForm"> + <input type="hidden" name="mylang"/> + </form> + <a class="btn dropdown-toggle hidden-xs hidden-sm" data-toggle="dropdown" href="#" aria-controls="langmenu" aria-expanded="false"><?=$this->transEsc("Language")?> <strong + class="caret"></strong></a> - <ul id="langmenu" class="dropdown-menu"> - <? foreach ($this->layout()->allLangs as $langCode => $langName): ?> - <li<?=$this->layout()->userLang == $langCode ? ' class="active"' : ''?>> - <a class="btn" href="#" onClick="document.langForm.mylang.value='<?=$langCode?>';document.langForm.submit()"><?=$this->displayLanguageOption($langName)?></a> - </li> - <? endforeach; ?> - </ul> - </li> - <? endif; ?> - </ul> - </nav> - </div> - <? endif; ?> + <ul id="langmenu" class="dropdown-menu"> + <? foreach ($this->layout()->allLangs as $langCode => $langName): ?> + <li<?=$this->layout()->userLang == $langCode ? ' class="active"' : ''?>> + <a class="btn" href="#" onClick="document.langForm.mylang.value='<?=$langCode?>';document.langForm.submit()"><?=$this->displayLanguageOption($langName)?></a> + </li> + <? endforeach; ?> + </ul> + </li> + <? endif; ?> + </ul> + </nav> + </div> + <? endif; ?> - </nav> +</nav> </div> -<!-- HEADER.PHTML end --> +<!-- HEADER.PHTML end --> \ No newline at end of file diff --git a/themes/finc/templates/myresearch/bulk-action-buttons.phtml b/themes/finc/templates/myresearch/bulk-action-buttons.phtml index c59d6050d17..57f629e2655 100644 --- a/themes/finc/templates/myresearch/bulk-action-buttons.phtml +++ b/themes/finc/templates/myresearch/bulk-action-buttons.phtml @@ -9,7 +9,7 @@ <?=$this->transEsc('select_page')?> | <?=$this->transEsc('with_selected')?>: </label> </div> -<? /* Keep bulkActionButtons class as it styles the buttons to appear as btn-transparent*/ ?> + <div class="btn-group bulkActionButtons hidden-print"> <input class="btn btn-transparent" type="submit" name="email" value="<?=$this->transEsc('Email')?>" title="<?=$this->transEsc('email_selected')?>"/> <? if ((!is_null($this->list) && $this->list->editAllowed($user)) || is_null($this->list) && $user): ?> diff --git a/themes/finc/templates/record/emailhold.phtml b/themes/finc/templates/record/emailhold.phtml index cc9a2e55728..18556f62e1f 100644 --- a/themes/finc/templates/record/emailhold.phtml +++ b/themes/finc/templates/record/emailhold.phtml @@ -59,7 +59,7 @@ ?> <label class="col-sm-3"><?=$this->transEsc("EmailHold::pick_up_location")?>:</label> <div class="col-sm-9"> - <select name="gatheredDetails[pickUpLocation]" class="auto"> + <select name="gatheredDetails[pickUpLocation]" class="form-control"> <? if ($selected === false): ?> <option value="" selected="selected"> <?=$this->transEsc('EmailHold::select_pickup_location')?> -- GitLab