Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

cherry-pick(#31975): chore: remove bright counter from sidebar tab selector

Browse source 
Removing the following icon:

![image](https://github.com/user-attachments/assets/d2de2ed0-f66e-4452-8763-aad1b6e7bb79)

HTML `options` element cannot be styled, so just removing the counter in
sidebar mode:

<img width="348" alt="image"
src="https://github.com/user-attachments/assets/d636dca2-5007-41f7-866e-3a0f604d46fc">
This commit is contained in:
Yury Semikhatsky 2024-08-01 16:18:10 -07:00
parent 4c66f8aeda
commit 6ce245b667
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/web/src/components/tabbedPane.tsx
View file

@ -62,14 +62,10 @@ export const TabbedPane: React.FunctionComponent<{
}}> }}>
{tabs.map(tab => { {tabs.map(tab => {
let suffix = ''; let suffix = '';
if (tab.count === 1) if (tab.count)
suffix = ' 🔵'; suffix = ` (${tab.count})`;
else if (tab.count) if (tab.errorCount)
suffix = ` 🔵✖️${tab.count}`; suffix = ` (${tab.errorCount})`;
if (tab.errorCount === 1)
suffix = ` 🔴`;
else if (tab.errorCount)
suffix = ` 🔴✖️${tab.errorCount}`;
return <option value={tab.id} selected={tab.id === selectedTab}>{tab.title}{suffix}</option>; return <option value={tab.id} selected={tab.id === selectedTab}>{tab.title}{suffix}</option>;
})} })}
</select> </select>