How it works: Add some padding top in tabs and some padding in you-we content

This commit is contained in:
Konstantinos Triantafyllou 2022-11-01 00:31:26 +02:00
parent 73b45710c7
commit 62c5c26dc2
4 changed files with 13 additions and 6 deletions

View File

@ -0,0 +1,5 @@
@import "~src/assets/openaire-theme/less/_import-variables";
.custom-translate-bottom-left {
transform: translate(-20%, 20%);
}

View File

@ -40,10 +40,12 @@ import {StakeholderEntities} from "../openaireLibrary/monitor/entities/stakehold
<div class="uk-sticky uk-blur-background uk-visible@l" [attr.uk-sticky]="shouldSticky?'':null"
[attr.offset]="offset">
<div class="uk-container">
<slider-tabs flexPosition="center" customClass="uk-text-large" connect="#tabs-content">
<slider-tab *ngFor="let section of sections; let i = index" [tabTitle]="section"
[tabId]="section"></slider-tab>
</slider-tabs>
<div class="uk-padding uk-padding-remove-horizontal uk-padding-remove-bottom">
<slider-tabs flexPosition="center" customClass="uk-text-large" connect="#tabs-content">
<slider-tab *ngFor="let section of sections; let i = index" [tabTitle]="section"
[tabId]="section"></slider-tab>
</slider-tabs>
</div>
</div>
</div>
<div class="uk-sticky uk-blur-background uk-hidden@l" [attr.uk-sticky]="shouldSticky?'':null">

View File

@ -34,7 +34,7 @@ declare var UIkit;
</div>
</div>
<div [id]="id" class="uk-container">
<div class="uk-padding-small uk-padding-remove-vertical">
<div class="uk-padding uk-padding-remove-vertical">
<div class="uk-grid uk-grid-large uk-grid-divider uk-child-width-1-2@l" uk-grid
uk-height-match="target: .uk-card">
<div class="uk-flex uk-flex-column uk-flex-middle uk-child-width-1-1">

@ -1 +1 @@
Subproject commit 3b874be6dfb7041f358c2ba86d3e1ec4e58f388b
Subproject commit 35ab282e53ad5b7790bc431820a4400cfc36c977