gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-11-30 01:17:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

updated wide mode for dropdown

Browse Source
This commit is contained in:
PavelLaptev 2023-12-03 11:33:36 +01:00 committed by GitButler
parent 1fa04db713
commit 82815d8595
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/ui/src/lib/components/DropDown.svelte
View File

@ -23,12 +23,13 @@
let iconElt: HTMLElement;
</script>
<div class="dropdown-wrapper" style:display={wide ? 'flex' : 'inline-flex'}>
<div class="dropdown-wrapper" class:wide>
<div class="dropdown" bind:this={container}>
<Button
class={joinClassNames([
'dropdown__text-btn',
kind == 'outlined' ? 'dropdown__text-btn_outlined' : 'dropdown__text-btn_filled'
kind == 'outlined' ? 'dropdown__text-btn_outlined' : 'dropdown__text-btn_filled',
wide ? 'wide-text-btn' : ''
])}
{color}
{kind}
@ -109,4 +110,12 @@
padding-bottom: var(--space-4);
z-index: 50;
}
.wide {
width: 100%;
}
.dropdown-wrapper :global(.wide-text-btn) {
flex: 1;
}
</style>