Implement split 'resolve/mute' buttons on list-view; we can hide advanced resolution/muting in the dots

This commit is contained in:
Klaas van Schelven
2024-02-20 19:44:47 +01:00
parent 7b27f0fc9d
commit a63157db5e
2 changed files with 13 additions and 3 deletions

View File

@@ -46,9 +46,9 @@ https://flowbite.com/docs/forms/floating-label/
</div>
</td>
<td class="w-full ml-0 pb-4 pt-4 pr-4">
<button class="font-bold text-slate-800 border-slate-500 pl-4 pr-4 pb-2 pt-2 ml-1 border-2 bg-cyan-200 hover:bg-cyan-400 active:ring rounded-md">Resolve</button>
<button class="font-bold text-slate-500 border-slate-300 pl-4 pr-4 pb-2 pt-2 ml-1 border-2 hover:bg-slate-200 active:ring rounded-md">Mute</button>
<button class="font-bold text-slate-500 border-slate-300 pl-4 pr-4 pb-2 pt-2 ml-1 border-2 hover:bg-slate-200 active:ring rounded-md">Reopen</button>
<button class="font-bold text-slate-800 border-slate-500 pl-4 pr-4 pb-2 pt-2 ml-1 border-2 bg-cyan-200 hover:bg-cyan-400 active:ring rounded-s-md">Resolve</button><button class="font-bold text-slate-800 border-slate-500 pl-4 pr-4 pb-2 pt-2 border-r-2 border-t-2 border-b-2 bg-cyan-200 hover:bg-cyan-400 active:ring rounded-e-md">...</button>
<button class="font-bold text-slate-500 border-slate-300 pl-4 pr-4 pb-2 pt-2 ml-1 border-2 hover:bg-slate-200 active:ring rounded-s-md">Mute</button><button class="font-bold text-slate-500 border-slate-300 pl-4 pr-4 pb-2 pt-2 border-r-2 border-b-2 border-t-2 hover:bg-slate-200 active:ring rounded-e-md">...</button>
{# only for resolved/muted items <button class="font-bold text-slate-500 border-slate-300 pl-4 pr-4 pb-2 pt-2 ml-1 border-2 hover:bg-slate-200 active:ring rounded-md">Reopen</button> #}
</td>

View File

@@ -1006,6 +1006,16 @@ select {
border-radius: 9999px;
}
.rounded-s-md {
border-start-start-radius: 0.375rem;
border-end-start-radius: 0.375rem;
}
.rounded-e-md {
border-start-end-radius: 0.375rem;
border-end-end-radius: 0.375rem;
}
.border {
border-width: 1px;
}