vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Added transiotion
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
konrad 2019-04-29 17:36:35 +02:00
parent e283fb9fab
commit 126af772e5
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
3 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/tasks/gantt-component.vue
View File

@ -76,23 +76,25 @@
</div>
</template>
</div>
<div class="card taskedit" v-if="isTaskEdit">
<header class="card-header">
<p class="card-header-title">
Edit Task
</p>
<a class="card-header-icon" @click="isTaskEdit = false">
<span class="icon">
<icon icon="times"/>
</span>
</a>
</header>
<div class="card-content">
<div class="content">
<edit-task :task="taskToEdit"/>
<transition name="fade">
<div class="card taskedit" v-if="isTaskEdit">
<header class="card-header">
<p class="card-header-title">
Edit Task
</p>
<a class="card-header-icon" @click="isTaskEdit = false">
<span class="icon">
<icon icon="times"/>
</span>
</a>
</header>
<div class="card-content">
<div class="content">
<edit-task :task="taskToEdit"/>
</div>
</div>
</div>
</div>
</transition>
</div>
</template>

7
src/styles/general.scss
View File

@ -194,13 +194,6 @@
}
}
.fade-enter-active, .fade-leave-active {
transition: opacity 150ms;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
.dropdown-trigger .button {
background: none;

7
src/styles/theme.scss
View File

@ -280,4 +280,11 @@ h1,h2,h3,h4,h5,h6{
background: lighten($primary, 5);
}
}
}
.fade-enter-active, .fade-leave-active {
transition: opacity 150ms;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}