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> -->
</div> </div>
<div *ngFor="let provider of this.configurableProviderService.providers"> <div class="row pt-2 mb-4 accesss-methods">
<button mat-icon-button (click)="configurableLogin(provider)" class="login-social-button"> <div *ngFor="let provider of this.configurableProviderService.providers" class="col-auto configurable-logo">
{{provider.name}} <button mat-icon-button class="configurable-button" (click)="configurableLogin(provider)" class="login-social-button">
</button> <span class="configurableIcon">{{provider.name}}</span>
</button>
</div>
</div> </div>
</div> </div>
<div class="card-footer"> <div class="card-footer">

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

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