adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-18 21:22:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix project name column overflow on some screen sizes with long project names

Browse Source
This commit is contained in:
Gregor Vostrak
2024-09-29 00:10:44 +02:00
parent c9c221de62
commit 469f128604
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
resources/js/Components/Common/Project/ProjectTable.vue
View File

@@ -51,7 +51,10 @@ const { clients } = storeToRefs(useClientsStore());
class="grid min-w-full" class="grid min-w-full"
style=" style="
grid-template-columns: grid-template-columns:
1fr minmax(150px, auto) minmax(140px, auto) minmax(300px, 1fr) minmax(150px, auto) minmax(
140px,
auto
)
minmax(130px, auto) minmax(130px, auto) minmax( minmax(130px, auto) minmax(130px, auto) minmax(
120px, 120px,
auto auto

4
resources/js/Components/Common/Project/ProjectTableRow.vue
View File

@@ -68,14 +68,14 @@ const showEditProjectModal = ref(false);
:original-project="project"></ProjectEditModal> :original-project="project"></ProjectEditModal>
<TableRow :href="route('projects.show', { project: project.id })"> <TableRow :href="route('projects.show', { project: project.id })">
<div <div
class="whitespace-nowrap flex items-center space-x-5 3xl:pl-12 py-4 pr-3 text-sm font-medium text-white pl-4 sm:pl-6 lg:pl-8 3xl:pl-12"> class="whitespace-nowrap min-w-0 flex items-center space-x-5 3xl:pl-12 py-4 pr-3 text-sm font-medium text-white pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
<div <div
:style="{ :style="{
backgroundColor: project.color, backgroundColor: project.color,
boxShadow: `var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) ${project.color}30`, boxShadow: `var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) ${project.color}30`,
}" }"
class="w-3 h-3 rounded-full"></div> class="w-3 h-3 rounded-full"></div>
<span> <span class="overflow-ellipsis overflow-hidden">
{{ project.name }} {{ project.name }}
</span> </span>
<span class="text-muted"> {{ projectTasksCount }} Tasks </span> <span class="text-muted"> {{ projectTasksCount }} Tasks </span>