RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: remove transition on dropdown for now

This commit is contained in:
not-nullptr 2024-11-12 12:27:11 +00:00
parent 45ca5bae09
commit 877625ac5a
1 changed files with 0 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/components/functional/Dropdown.svelte
View File

@ -15,7 +15,6 @@
let open = $state(false); let open = $state(false);
let isUp = $state(false); let isUp = $state(false);
let selectedWidth = $state(100 - 64);
let dropdown = $state<HTMLDivElement>(); let dropdown = $state<HTMLDivElement>();
const toggle = () => { const toggle = () => {
@ -49,7 +48,6 @@
<div class="relative" bind:this={dropdown}> <div class="relative" bind:this={dropdown}>
<button <button
style="width: {selectedWidth + 64}px; transition: width 100ms ease;"
class="font-display justify-between overflow-hidden relative cursor-pointer px-3 border-2 border-solid flex items-center bg-background border-foreground-muted-alt rounded-xl p-2 focus:!outline-none" class="font-display justify-between overflow-hidden relative cursor-pointer px-3 border-2 border-solid flex items-center bg-background border-foreground-muted-alt rounded-xl p-2 focus:!outline-none"
onclick={toggle} onclick={toggle}
> >
@ -57,7 +55,6 @@
<div class="grid grid-cols-1 grid-rows-1 w-fit"> <div class="grid grid-cols-1 grid-rows-1 w-fit">
{#key selected} {#key selected}
<p <p
bind:clientWidth={selectedWidth}
in:blur={{ in:blur={{
duration, duration,
easing: quintOut, easing: quintOut,