fix: portal mobile overflow — hide scrollbar on tab rows (GRO-730) #372

Merged
groombook-engineer[bot] merged 3 commits from fix/GRO-730-portal-mobile-overflow into dev 2026-05-04 21:02:38 +00:00
2 changed files with 7 additions and 11 deletions
Showing only changes of commit 6c0cdb33fe - Show all commits
+6 -10
View File
@@ -67,18 +67,14 @@ input:focus, select:focus, textarea:focus {
/* ─── Scrollbar polish ─── */ /* ─── Scrollbar polish ─── */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 6px; display: none;
} }
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: #cbd5e1; display: none;
border-radius: 3px;
} }
::-webkit-scrollbar-thumb:hover { /* ─── Scrollbar hide utility ─── */
background: #94a3b8; .scrollbar-hide {
-ms-overflow-style: none;
scrollbar-width: none;
} }
+1 -1
View File
@@ -182,7 +182,7 @@ export function PetProfiles({ sessionId, readOnly }: Props) {
)} )}
{/* Tabs */} {/* Tabs */}
<div className="flex gap-1 bg-white rounded-xl border border-stone-200 p-1 overflow-x-auto"> <div className="flex gap-1 bg-white rounded-xl border border-stone-200 p-1 overflow-x-auto scrollbar-hide">
{([ {([
{ id: "info", label: "Basic Info", icon: PawPrint }, { id: "info", label: "Basic Info", icon: PawPrint },
{ id: "medical", label: "Medical", icon: Heart }, { id: "medical", label: "Medical", icon: Heart },