hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-12-22 19:11:33 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fixed padding and scrollbars in TabList (#5296)

Browse Source 
Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
This commit is contained in:
Alexander Platov 2024-04-10 15:49:45 +03:00 committed by GitHub
parent 6434011940
commit d971c46b28
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/components/TabList.svelte
View File

@ -29,6 +29,8 @@
export let onlyIcons: boolean = false
export let size: 'small' | 'medium' = 'medium'
export let adaptiveShrink: WidthType | null = null
export let padding: string | undefined = undefined
export let bottomPadding: string | undefined = undefined
const dispatch = createEventDispatcher()
@ -67,7 +69,7 @@
}}
/>
{:else}
<Scroller horizontal>
<Scroller horizontal stickedScrollBars {padding} {bottomPadding}>
<div class="tablist-container {kind} {size} {expansion}">
{#each items as item, i}
<!-- svelte-ignore a11y-click-events-have-key-events -->

5
plugins/notification-resources/src/components/inbox/Inbox.svelte
View File

@ -346,7 +346,7 @@
</div>
<div class="tabs">
<TabList items={tabItems} selected={selectedTabId} on:select={selectTab} />
<TabList items={tabItems} selected={selectedTabId} on:select={selectTab} padding={'var(--spacing-1) 0'} />
</div>
<Scroller padding="0">
@ -377,10 +377,7 @@
<style lang="scss">
.tabs {
display: flex;
margin-top: 0.5rem;
margin-bottom: 0;
padding: 0 var(--spacing-1_5);
padding-bottom: 0.5rem;
border-bottom: 1px solid var(--theme-navpanel-border);
}