- Add a vertical logo as
library-logo-vertical.png
to yourimg/
folder - Add a horizontal logo as
library-logo-horizontal.png
to yourimg/
folder - Add a 1px x 1px transparent .png file as
library-logo.png
to yourimg/
folder- You can download our file from our staging server
- https://swinburne-staging.hosted.exlibrisgroup.com/primo-explore/custom/SWIN2/img/library-logo.png
- Save or append the css to your
css/custom1.css
file - Save or append the javascript to your
js/custom.js
Last active
March 12, 2017 04:59
-
-
Save justinkelly/007f07ae177fb38ae1177efe8366f187 to your computer and use it in GitHub Desktop.
Primo - New UI - responsive logo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function () { | |
"use strict"; | |
'use strict'; | |
var app = angular.module('viewCustom', ['angularLoad']); | |
/****************************************************************************************************/ | |
/*In case of CENTRAL_PACKAGE - comment out the below line to replace the other module definition*/ | |
/*var app = angular.module('centralCustom', ['angularLoad']);*/ | |
/****************************************************************************************************/ | |
// Add Clickable Logo | |
app.controller('prmLogoAfterController', [function () { | |
var vm = this; | |
vm.getIconLink = getIconLink; | |
function getIconLink() { | |
return vm.parentCtrl.iconLink; | |
} | |
}]); | |
app.component('prmLogoAfter',{ | |
bindings: {parentCtrl: '<'}, | |
controller: 'prmLogoAfterController', | |
template: `<div class="product-logo product-logo-local" layout="row" layout-align="start center" layout-fill id="banner" tabindex="0" role="banner"><a href="https://www.swinburne.edu.au/library"><img class="logo-image" alt="{{::('nui.header.LogoAlt' | translate)}}" ng-src="{{$ctrl.getIconLink()}}"/></a></div>` | |
}); | |
})(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Nav - top menu */ | |
/* Make logo clickable */ | |
prm-logo div.product-logo { | |
display:none; | |
} | |
/*mobile logo*/ | |
.__xs prm-topbar prm-logo { | |
max-width: 300px; | |
} | |
prm-logo div.product-logo-local { | |
display: flex; | |
background: url(../../../custom/SWIN2/img/library-logo-horizontal.png) no-repeat 0 0; | |
width: 300px; | |
height: 100px; | |
display: block; | |
text-indent: 100%; | |
white-space: nowrap; | |
overflow: hidden; | |
margin-top: 3px; | |
margin-left: 3px; | |
} | |
/*desktop logo*/ | |
prm-topbar prm-logo { | |
max-width: 310px; | |
} | |
@media (min-width: 80em) { | |
prm-logo div.product-logo-local { | |
background: url(../../../custom/SWIN2/img/library-logo-vertical.png) no-repeat 0 0; | |
width: 300px; | |
height: 200px; | |
margin-top: 0px; | |
margin-left: 10px; | |
} | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment