MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Restyles configurable login providers. (Issue #183)

This commit is contained in:
gkolokythas 2019-11-14 10:33:08 +02:00
parent dee20d50ed
commit 6618b26583
2 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
dmp-frontend/src/app/ui/auth/login/login.component.html
View File

@ -47,10 +47,12 @@
</div>
<!-- </div> -->
</div>
<div *ngFor="let provider of this.configurableProviderService.providers">
<button mat-icon-button (click)="configurableLogin(provider)" class="login-social-button">
{{provider.name}}
</button>
<div class="row pt-2 mb-4 accesss-methods">
<div *ngFor="let provider of this.configurableProviderService.providers" class="col-auto configurable-logo">
<button mat-icon-button class="configurable-button" (click)="configurableLogin(provider)" class="login-social-button">
<span class="configurableIcon">{{provider.name}}</span>
</button>
</div>
</div>
</div>
<div class="card-footer">

19
dmp-frontend/src/app/ui/auth/login/login.component.scss
View File

@ -148,6 +148,14 @@
margin-top: 13px;
}
.accesss-methods .configurable-logo {
flex-grow: 0;
padding-top: 21px;
padding-bottom: 21px;
margin-top: 5px;
height: 90px;
}
.tip {
margin-top: -20px;
}
@ -217,6 +225,12 @@ span.openaireIcon {
height: 56px;
}
span.configurableIcon {
float: right;
width: 80px;
height: 56px;
}
.b2access-button {
margin-top: 10px;
width: fit-content;
@ -232,6 +246,11 @@ span.openaireIcon {
width: fit-content;
}
.configurable-button {
margin-top: 10px;
width: fit-content;
}
.login-logo {
background: url(img/open-dmp.png) no-repeat;
width: 273px;