Commits (3)
{
"name": "@coscine/login",
"version": "1.1.1",
"version": "1.2.0",
"private": true,
"directories": {
"doc": "docs"
......
......@@ -11,7 +11,7 @@
</div>
<div id="DeltaCoScInESiteLogo">
<a id="ctl00_SPSimpleSiteLink1" title="Team Site" class="ms-siteicon-a coscineSiteIcon" href="/">
<img id="ctl00_SiteLogoImage1" class="ms-siteicon-img" name="onetidHeadbnnr0" :src="coscineImage" alt="Team Site" data-themekey="#">
<img id="ctl00_SiteLogoImage1" class="ms-siteicon-img" name="onetidHeadbnnr0" :src="coscineImageBlack" alt="Team Site" data-themekey="#">
</a>
<span class="coscineSiteIconLabel">CoScInE</span>
</div>
......@@ -31,7 +31,7 @@
<div class="col-xl-8">
<h1 class="headline">
{{ $t('headline') }}
<img class="logo" :src="coscineImage" v-if="imageEnabled" alt />
<img class="logo" :src="coscineImageBlue" v-if="imageEnabled" alt />
<span class="keyword">CoScInE</span>
</h1>
<div class="row">
......@@ -113,7 +113,8 @@ import Vue from 'vue';
import LoginMain from './components/LoginMain.vue';
import LoginForm from './components/LoginForm.vue';
import coscineImagePath from './assets/logo-coscine.png';
import coscineImageBlackPath from './assets/logo-coscine-black.png';
import coscineImageBluePath from './assets/logo-coscine-blue.png';
import rwthImagePath from './assets/logo-rwth.png';
import linkWhitePath from './assets/link_white.svg';
import mailGreyPath from './assets/mail_grey.svg';
......@@ -165,7 +166,8 @@ export default Vue.extend({
},
data() {
return {
coscineImage: rootUrl + coscineImagePath,
coscineImageBlack: rootUrl + coscineImageBlackPath,
coscineImageBlue: rootUrl + coscineImageBluePath,
rwthImage: rootUrl + rwthImagePath,
imageEnabled,
returnUrl: getReturnUrl(),
......@@ -236,6 +238,12 @@ export default Vue.extend({
width: 36px;
}
.coscineSiteIcon img {
margin-left: 8px;
height: 36px;
width: 36px;
}
.coscineSiteIconLabel {
margin-left: 8px;
vertical-align: middle;
......