[Style] Reduce opacity on workflow tabs scrollbar (#2220)

src/components/topbar/WorkflowTabs.vue

@@ -6,6 +6,7 @@
         class: 'p-0 w-full',
         onwheel: handleWheel
       }"
+      pt:barX="h-1"
     >
       <SelectButton
         class="workflow-tabs bg-transparent"
@@ -198,4 +199,10 @@ const handleWheel = (event: WheelEvent) => {
 :deep(.p-togglebutton) .close-button {
   @apply invisible;
 }
+
+/* Scrollbar half opacity to avoid blocking the active tab bottom border */
+:deep(.p-scrollpanel:hover .p-scrollpanel-bar),
+:deep(.p-scrollpanel:active .p-scrollpanel-bar) {
+  opacity: 0.5;
+}
 </style>