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

Change my-tabs with new class landing-tab

This commit is contained in:
Konstantinos Triantafyllou 2023-01-27 14:42:09 +02:00
parent 97426aabfe
commit 57eac1b08b
1 changed files with 4 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,8 +16,8 @@ import {TabComponent} from './tab.component';
@Component({
selector: 'my-tabs',
template: `
<div id="mytabs" class="uk-grid uk-margin-remove-left">
<div class="uk-margin-medium-right uk-margin-top uk uk-padding-remove uk-width-expand" >
<div id="mytabs" class="uk-grid uk-margin-top landing-tab uk-margin-remove-left">
<div class="uk-margin-medium-right uk uk-padding-remove uk-width-expand" >
<div class=" uk-width-1-1" uk-slider="finite: true">
<div class="uk-position-relative " >
<div class="uk-slider-container ">
@ -50,7 +50,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 uk-padding-remove-bottom uk-padding-remove-right">
<div class="uk-width-small">
<ul class="uk-tab uk-height-1-1">
<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 featuredTab" [ngClass]="tab.tabIcon ? 'uk-flex-column' : ''">
@ -66,23 +66,7 @@ import {TabComponent} from './tab.component';
</ng-container>
</ng-container>
</div>
`,
styles: [
`
#mytabs .uk-tab::before {
border-bottom: none;
}
#mytabs::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 1px solid #eaeaea;
}
`
]
`
})
export class TabsComponent implements AfterContentInit {