redesign of admin-dashboard pages and update submodules

This commit is contained in:
Alex Martzios 2022-03-22 17:48:20 +02:00
parent 1b7fb83001
commit c19646f846
6 changed files with 15 additions and 29 deletions

View File

@ -2,27 +2,6 @@
min-height: 270px;
}
.stakeholder-info {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
margin-bottom: 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
}
.uk-active.stakeholder-info {
-moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
margin-bottom: -40px;
}
.uk-card.semiFiltered, .uk-card.semiFiltered > * > .highcharts-series-group {
opacity: 0.5;
}

View File

@ -39,7 +39,7 @@
</ng-template>
<div page-content (stickyEmitter)="stickyPageHeader = $event">
<div *ngIf="activeTopic && activeTopic.categories.length > 0" header>
<div class="uk-flex uk-flex-middle uk-margin-top stakeholder-info" [class.uk-active]="stickyPageHeader">
<div class="uk-flex uk-flex-middle uk-margin-top info" [class.uk-active]="stickyPageHeader">
<img [src]="stakeholder | logoUrl" class="uk-width-small uk-margin-right">
<div class="uk-width-expand">
<div class="uk-margin-remove uk-text-primary-gradient uk-text-bold uk-h6">Dashboard</div>

@ -1 +1 @@
Subproject commit 3f370dd293b6c4a9de5b38dbe4365feed7ea6e92
Subproject commit 59ff682af71633c4788f1e8867c9ff2fcff858b9

View File

@ -4,13 +4,19 @@
</div>
</div>
<ng-template #tabs>
<ul class="uk-tab customTabs admin uk-flex uk-flex-center uk-flex-left@m" uk-tab>
<li [class.uk-active]="tab === 'manager'"><a routerLink="./"><span class="title">Managers</span></a></li>
<li [class.uk-active]="tab === 'member'"><a routerLink="./" fragment="member"><span class="title">Members</span></a></li>
</ul>
<div class="uk-margin">
<ul class="uk-tab">
<li [class.uk-active]="tab === 'manager'"><a routerLink="./"><span class="title">Managers</span></a></li>
<li [class.uk-active]="tab === 'member'"><a routerLink="./" fragment="member"><span class="title">Members</span></a></li>
</ul>
</div>
</ng-template>
<role-users *ngIf="!loading && alias" [id]="alias" [type]="type" [name]="name" [link]="link" [role]="tab" [message]="messages.get(tab)"
[emailComposer]="emailComposer" [notificationFn]="notificationFn">
[emailComposer]="emailComposer" [notificationFn]="notificationFn" (stickyEmitter)="stickyPageHeader = $event">
<div class="uk-margin-top info" [class.uk-active]="stickyPageHeader">
<div class="uk-margin-remove uk-text-primary-gradient uk-text-bold uk-h6">Admin Dashboard</div>
<h1 class="uk-h4 uk-margin-remove">{{name}}</h1>
</div>
<ng-container [ngTemplateOutlet]="tabs"></ng-container>
</role-users>

View File

@ -46,6 +46,7 @@ export class UsersComponent implements OnInit {
notification.groups = [recipient];
return notification;
}
public stickyPageHeader: boolean = false;
constructor(private stakeholderService: StakeholderService,
private userManagementService: UserManagementService,

@ -1 +1 @@
Subproject commit f2b0dcbc5deb14bb59669e1a5aea23ccd8d27763
Subproject commit 4d14a0e856b7d2bd3b4ca05acb031555549b99ba