scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-23 07:58:49 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add opening and closing transitions to the inventory items sidebar [SCI-9589]

Browse source
This commit is contained in:
sboursen-scinote 2023-10-30 09:28:22 +01:00
parent ee76488f32
commit 8a96c2d29e
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
View file

@ -1,8 +1,9 @@
<template>
<div ref="wrapper"
id="repository-item-sidebar-wrapper"
class='items-sidebar-wrapper bg-white gap-2.5 self-stretch rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform shadow-lg'
:class="{ 'translate-x-0 w-[565px] h-full': isShowing, 'transition-transform ease-in-out duration-400 transform translate-x-0 translate-x-full w-0': !isShowing }">
class='items-sidebar-wrapper h-full bg-white gap-2.5 self-stretch rounded-tl-4 rounded-bl-4 shadow-lg
transition-all duration-500 ease-sharp'
:class="{ 'translate-x-0 w-[565px]': isShowing, 'translate-x-full w-0': !isShowing }">
<div id="repository-item-sidebar" class="w-full h-full pl-6 bg-white flex flex-col">