francescoalbano/tripweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Improve Trip table status dot visibility

Browse Source
This commit is contained in:
itskovacs 2025-08-18 21:12:08 +02:00
parent c88cdf2c6d
commit 1c5dcb61ac
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/src/app/components/trip/trip.component.html
View File

@ -132,7 +132,7 @@
@if (tripTableSelectedColumns.includes('time')) {<td class="font-mono text-sm">{{ tripitem.time }}</td>} @if (tripTableSelectedColumns.includes('time')) {<td class="font-mono text-sm">{{ tripitem.time }}</td>}
@if (tripTableSelectedColumns.includes('text')) {<td class="relative"> @if (tripTableSelectedColumns.includes('text')) {<td class="relative">
<div class="truncate"> <div class="truncate">
@if (tripitem.status) {<div class="block absolute top-3 left-1.5 size-2 rounded-full" @if (tripitem.status) {<div class="block absolute top-3 left-1 size-2.5 rounded-full"
[style.background]="tripitem.status.color"></div>} [style.background]="tripitem.status.color"></div>}
{{ tripitem.text }} {{ tripitem.text }}
</div> </div>
@ -181,7 +181,7 @@
@if (tripTableSelectedColumns.includes('time')) {<td class="font-mono text-sm">{{ tripitem.time }}</td>} @if (tripTableSelectedColumns.includes('time')) {<td class="font-mono text-sm">{{ tripitem.time }}</td>}
@if (tripTableSelectedColumns.includes('text')) {<td class="relative max-w-60"> @if (tripTableSelectedColumns.includes('text')) {<td class="relative max-w-60">
<div class="truncate"> <div class="truncate">
@if (tripitem.status) {<div class="block absolute top-3 left-1.5 size-2 rounded-full" @if (tripitem.status) {<div class="block absolute top-3 left-1 size-2.5 rounded-full"
[style.background]="tripitem.status.color"></div>} [style.background]="tripitem.status.color"></div>}
{{ tripitem.text }} {{ tripitem.text }}
</div> </div>

2
src/src/app/services/utils.service.ts
View File

@ -15,7 +15,7 @@ export class UtilsService {
readonly statuses: TripStatus[] = [ readonly statuses: TripStatus[] = [
{ label: "pending", color: "#3258A8" }, { label: "pending", color: "#3258A8" },
{ label: "booked", color: "#007A30" }, { label: "booked", color: "#00A341" },
{ label: "constraint", color: "#FFB900" }, { label: "constraint", color: "#FFB900" },
{ label: "optional", color: "#625A84" }, { label: "optional", color: "#625A84" },
]; ];