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

Content providers: tabs and title sticky on top

This commit is contained in:
argirok 2022-04-06 18:27:55 +03:00
parent 44bb9772a9
commit 29d92edb91
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
landingPages/dataProvider/dataProvider.component.html
View File

@ -89,7 +89,11 @@
<div *ngIf="dataProviderInfo != null">
<!-- *ngIf="numberOfTabs > 0; else loadingBlock"-->
<div class="main-tabs-div" uk-sticky="offset: 100; ">
<div class="main-tabs-div" uk-sticky="offset: 0; animation: uk-animation-slide-top;"
cls-active="uk-background-muted">
<div class="uk-padding">
<showTitle [titleName]="dataProviderInfo.title.name" classNames="uk-margin-remove-bottom"></showTitle>
</div>
<my-tabs (selectedActiveTab)="onSelectActiveTab($event)" >
<my-tab

4
utils/tabs/tabs.component.ts
View File

@ -18,7 +18,7 @@ import {TabComponent} from './tab.component';
template: `
<div class="uk-grid uk-margin-remove-left">
<div class="uk-margin-medium-right uk-padding-small uk-width-expand" >
<div class="uk-margin-medium-right uk-padding-small uk-width-expand uk-padding-remove-bottom" >
<div class=" uk-width-1-1" uk-slider="finite: true">
<div class="uk-position-relative " >
<div class="uk-slider-container ">
@ -53,7 +53,7 @@ import {TabComponent} from './tab.component';
</div>
<ng-container *ngFor="let tab of tabs.toArray(); let i=index">
<ng-container *ngIf="tab.customClass">
<div class="uk-width-small uk-padding-small">
<div class="uk-width-small uk-padding-small uk-padding-remove-bottom">
<ul class="uk-tab">
<li [ngClass]="tab.customClass" (click)="selectTab(tab)" [class.uk-active]="tab.active" >
<a class="uk-width-1-1 uk-height-1-1 uk-flex uk-flex-center" [ngClass]="tab.tabIcon ? 'uk-flex-column' : ''">