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

[Trunk | Library]: 

1. library.css: Rename class 'fake_tab' to 'fake-tab'.
2. small-tabs.component.ts: Remove 'uk-list-divider' from tabs list and add nargin instead in each tab of list (to fix problem of hidden active tab).


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58798 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2020-05-28 10:31:16 +00:00
parent 3f376493d3
commit 38584e213a
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
utils/tabs/small-tabs.component.ts
View File

@ -31,7 +31,7 @@ declare var UIkit: any;
</div> </div>
</a> </a>
</li> </li>
<li class="uk-padding-remove fake_tab" uk-tooltip="title: More tabs"> <li class="uk-padding-remove fake-tab" uk-tooltip="title: More tabs">
<a class="uk-text-center uk-width-1-1 uk-height-1-1 uk-icon"> <a class="uk-text-center uk-width-1-1 uk-height-1-1 uk-icon">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="more"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="more">
<circle cx="3" cy="10" r="2"></circle> <circle cx="3" cy="10" r="2"></circle>
@ -41,10 +41,10 @@ declare var UIkit: any;
</a> </a>
<div #drop_element uk-drop="mode: click" class="uk-drop"> <div #drop_element uk-drop="mode: click" class="uk-drop">
<div class="uk-card uk-card-body uk-card-default"> <div class="uk-card uk-card-body uk-card-default">
<ul class="uk-list uk-list-divider main-small-tabs" uk-switcher="connect: .small-tabs-content"> <ul class="uk-list main-small-tabs" uk-switcher="connect: .small-tabs-content">
<ng-container *ngFor="let tab of tabs.toArray()"> <ng-container *ngFor="let tab of tabs.toArray()">
<li (click)="selectTab(tab)" <li (click)="selectTab(tab)"
[class]="'uk-height-1-1 uk-width-1-1 ' + (tab == activeTab ? 'uk-hidden' : '')"> [class]="'uk-margin-top uk-margin-bottom uk-height-1-1 uk-width-1-1 ' + (tab == activeTab ? 'uk-hidden' : '')">
<a class="uk-display-block uk-height-1-1 uk-width-1-1">{{tab.title}}</a> <a class="uk-display-block uk-height-1-1 uk-width-1-1">{{tab.title}}</a>
</li> </li>
</ng-container> </ng-container>