MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix sidebar special item. Remove padding from page-content-header

This commit is contained in:
Konstantinos Triantafyllou 2022-03-10 18:34:26 +02:00
parent 2f76a9f7d2
commit 2942392d0a
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dashboard/sharedComponents/page-content/page-content.component.ts
View File

@ -1,11 +1,11 @@
import {ChangeDetectorRef, Component, HostListener, OnDestroy, OnInit} from "@angular/core"; import {Component, OnInit} from "@angular/core";
@Component({ @Component({
selector: '[page-content]', selector: '[page-content]',
template: ` template: `
<div id="page_content"> <div id="page_content">
<div #header id="page_content_header" uk-sticky="show-on-up: true; animation: uk-animation-slide-top; media: @m" [attr.offset]="offset"> <div #header id="page_content_header" uk-sticky="show-on-up: true; animation: uk-animation-slide-top; media: @m" [attr.offset]="offset">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large uk-padding-remove-vertical">
<ng-content select="[header]"></ng-content> <ng-content select="[header]"></ng-content>
</div> </div>
</div> </div>

6
dashboard/sharedComponents/sidebar/sideBar.component.html
View File

@ -25,10 +25,10 @@
<ul class="uk-list"> <ul class="uk-list">
<li [class.uk-active]="isTheActiveUrl(specialMenuItem.route)"> <li [class.uk-active]="isTheActiveUrl(specialMenuItem.route)">
<a [routerLink]="specialMenuItem.route" [queryParams]="specialMenuItem.params" <a [routerLink]="specialMenuItem.route" [queryParams]="specialMenuItem.params"
[queryParamsHandling]="queryParamsHandling" class="uk-text-center"> [queryParamsHandling]="queryParamsHandling" class="uk-flex uk-flex-center uk-flex-middle uk-flex-wrap">
<span [class.uk-display-block]="!open" [innerHTML]="satinizeHTML(specialMenuItem.icon)"></span> <span [class.uk-display-block]="!open" [innerHTML]="satinizeHTML(specialMenuItem.icon)"></span>
<span [ngClass]="specialMenuItem.customClass" <span [ngClass]="specialMenuItem.customClass" class="uk-text-center"
[class.uk-margin-small-left]="open" [class.uk-margin-small-left]="open" [class.uk-margin-small-top]="!open"
[class.uk-text-small]="!open">{{specialMenuItem.title}}</span> [class.uk-text-small]="!open">{{specialMenuItem.title}}</span>
</a> </a>
</li> </li>