Terminology: Add some margin between sections

This commit is contained in:
Konstantinos Triantafyllou 2022-10-31 13:30:23 +02:00
parent ac58161c93
commit e2302d0d8f
1 changed files with 3 additions and 3 deletions

View File

@ -43,7 +43,7 @@ declare var ResizeObserver;
<div *ngIf="divContents" class="uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250"> <div *ngIf="divContents" class="uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
<div class="uk-section uk-container uk-container-large" uk-scrollspy-class> <div class="uk-section uk-container uk-container-large" uk-scrollspy-class>
<div id="parentContainer" class="uk-grid uk-grid-large" uk-grid> <div id="parentContainer" class="uk-grid uk-grid-large" uk-grid>
<div class="uk-width-1-4@m uk-visible@m"> <div class="uk-width-1-4@m uk-margin-top uk-visible@m">
<div class="uk-sticky" uk-sticky="bottom: !#parentContainer; offset: 100;"> <div class="uk-sticky" uk-sticky="bottom: !#parentContainer; offset: 100;">
<slider-tabs type="scrollable" position="left"> <slider-tabs type="scrollable" position="left">
<slider-tab tabId="entities" tabTitle="1. Entities"></slider-tab> <slider-tab tabId="entities" tabTitle="1. Entities"></slider-tab>
@ -52,7 +52,7 @@ declare var ResizeObserver;
</slider-tabs> </slider-tabs>
</div> </div>
</div> </div>
<div class="uk-width-1-1 uk-hidden@m"> <div class="uk-width-1-1 uk-margin-top uk-hidden@m">
<div class="uk-sticky uk-background-default" uk-sticky> <div class="uk-sticky uk-background-default" uk-sticky>
<slider-tabs type="scrollable" position="horizontal"> <slider-tabs type="scrollable" position="horizontal">
<slider-tab tabId="entities" tabTitle="1. Entities"></slider-tab> <slider-tab tabId="entities" tabTitle="1. Entities"></slider-tab>
@ -61,7 +61,7 @@ declare var ResizeObserver;
</slider-tabs> </slider-tabs>
</div> </div>
</div> </div>
<div class="uk-width-expand@m"> <div class="uk-width-expand@m uk-margin-top">
<div id="entities" class="uk-margin-large-bottom"> <div id="entities" class="uk-margin-large-bottom">
<helper [texts]="divContents['entities']"></helper> <helper [texts]="divContents['entities']"></helper>
</div> </div>