How do I hide tab icon

[stackingflow]

Its showing 'P' icon on all the tabs, is there any way to hide it or add custom css? I want it to look like the way it is shown on github readme

Please also add an option to change the pin icon to something custom.

[pengx17]

There are three possible values for this icon.

• P means pages
• B for blocks
• if the page has an icon property, it will show that instead.

[stackingflow]

Is there anyway to hide it?

[pengx17]

Is there anyway to hide it?

Not yet. I guess this is a feature request if you ask.

[stackingflow]

Sure :) I would love to request for this feature

[mkosma]

Hey very cool, @pengx17 - the ability to do this is included in your fix to #13.

@stackingflow - install the updated Tabs plugin, enable tab style overrides in its settings page, restart Logseq, then add this code to your custom.css:

.text-xs {
  display: none
}

Share & Enjoy!

[drawingthesun]

Hey very cool, @pengx17 - the ability to do this is included in your fix to #13.

@stackingflow - install the updated Tabs plugin, enable tab style overrides in its settings page, restart Logseq, then add this code to your custom.css:

.text-xs {
  display: none
}

Share & Enjoy!

I am having an issue with this.

My custom.css changes to the tabs works fine, I have styled the border and background with no issues.

However I am having issue with the icon.

I used the same code as above, styling .text-xs

The styling works, however on mouseover and mouseout of the tabs plugin html tag, the original style of the icon quickly reappears then disappears.

I think the js event that fires on mouseover and mouseout re-renders the icon component, perhaps because it's a pseudo element?

Anyone else having any luck styling the icon .text-xs element without mouseover/mouseout glitches?