adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-17 20:52:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

add project add button to dropdown and set fixed height, fixes ST-170

Browse Source
This commit is contained in:
Gregor Vostrak
2024-06-04 18:15:00 +02:00
parent 22363e1c89
commit 81e3ffd921
2 changed files with 39 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
resources/css/app.css
View File

@@ -51,6 +51,27 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
/* width */
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 2px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
[x-cloak] { [x-cloak] {
display: none; display: none;
} }

23
resources/js/Components/Common/TimeTracker/TimeTrackerProjectTaskDropdown.vue
View File

@@ -9,7 +9,7 @@ import ProjectDropdownItem from '@/Components/Common/Project/ProjectDropdownItem
import type { Project, Task } from '@/utils/api'; import type { Project, Task } from '@/utils/api';
import ProjectBadge from '@/Components/Common/Project/ProjectBadge.vue'; import ProjectBadge from '@/Components/Common/Project/ProjectBadge.vue';
import Badge from '@/Components/Common/Badge.vue'; import Badge from '@/Components/Common/Badge.vue';
import { PlusIcon } from '@heroicons/vue/16/solid'; import { PlusIcon, PlusCircleIcon } from '@heroicons/vue/16/solid';
import ProjectCreateModal from '@/Components/Common/Project/ProjectCreateModal.vue'; import ProjectCreateModal from '@/Components/Common/Project/ProjectCreateModal.vue';
const projectStore = useProjectsStore(); const projectStore = useProjectsStore();
@@ -312,10 +312,8 @@ const showCreateProject = ref(false);
<PlusIcon class="-ml-1 w-5"></PlusIcon> <PlusIcon class="-ml-1 w-5"></PlusIcon>
<span>Add new project</span> <span>Add new project</span>
</Badge> </Badge>
<ProjectCreateModal
v-model:show="showCreateProject"></ProjectCreateModal>
</div> </div>
<Dropdown v-else width="120" v-model="open" :closeOnContentClick="true"> <Dropdown v-else v-model="open" :closeOnContentClick="true" align="bottom">
<template #trigger> <template #trigger>
<ProjectBadge <ProjectBadge
ref="projectDropdownTrigger" ref="projectDropdownTrigger"
@@ -347,7 +345,9 @@ const showCreateProject = ref(false);
ref="searchInput" ref="searchInput"
class="bg-card-background border-0 placeholder-muted text-sm text-white py-2.5 focus:ring-0 border-b border-card-background-separator focus:border-card-background-separator w-full" class="bg-card-background border-0 placeholder-muted text-sm text-white py-2.5 focus:ring-0 border-b border-card-background-separator focus:border-card-background-separator w-full"
placeholder="Search for a project or task..." /> placeholder="Search for a project or task..." />
<div ref="dropdownViewport" class="w-60"> <div
ref="dropdownViewport"
class="min-w-[300px] max-h-[250px] overflow-y-scroll relative">
<template <template
v-for="projectWithTasks in filteredProjects" v-for="projectWithTasks in filteredProjects"
:key="projectWithTasks.project.id"> :key="projectWithTasks.project.id">
@@ -386,8 +386,21 @@ const showCreateProject = ref(false);
</div> </div>
</template> </template>
</div> </div>
<div class="hover:bg-card-background-active rounded-b-lg">
<button
@click="
open = false;
showCreateProject = true;
"
class="text-white flex space-x-3 items-center px-4 py-3 text-xs font-semibold border-t border-card-background-separator">
<PlusCircleIcon
class="w-5 flex-shrink-0 text-icon-default"></PlusCircleIcon>
<span>Create new Project</span>
</button>
</div>
</template> </template>
</Dropdown> </Dropdown>
<ProjectCreateModal v-model:show="showCreateProject"></ProjectCreateModal>
</template> </template>
<style scoped></style> <style scoped></style>