Fix width of tabs in terminology page.

This commit is contained in:
Konstantinos Triantafyllou 2023-05-05 17:05:41 +03:00
parent c321390ccb
commit d96ee9acc8
2 changed files with 6 additions and 2 deletions

View File

@ -0,0 +1,3 @@
.uk-width-medium {
width: 350px;
}

View File

@ -50,7 +50,7 @@ declare var ResizeObserver;
</div> </div>
<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 uk-margin-top"> <div class="uk-width-medium uk-margin-top">
<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>
@ -116,7 +116,8 @@ declare var ResizeObserver;
</div> </div>
</div> </div>
</div> </div>
` `,
styleUrls: ['terminology.component.less']
}) })
export class TerminologyComponent implements OnInit, OnDestroy, AfterViewInit, AfterContentChecked { export class TerminologyComponent implements OnInit, OnDestroy, AfterViewInit, AfterContentChecked {
public tab: 'entities' | 'attributes' = 'entities'; public tab: 'entities' | 'attributes' = 'entities';