UnlimitedAvailableUsername / Edge-Mimicry-Tree-Style-Tab-For-Firefox

A theme for Tree Style Tab that tries to replicate the vertical tab feature of Microsoft Edge Browser
96 stars 7 forks source link

Pinned tabs disappeared in Tree-Style-Tab #15

Closed xtellaris closed 6 months ago

xtellaris commented 6 months ago

image

Pinned tabs disappeared from the top of Tree-Stye-Tab, left 2 gap rows, and I can't interact with pinned tabs.

What did I tried

  1. create a new profile from about:profiles and launch Firefox with it
  2. install Tree-Style-Tab add-on
  3. choose the "Proton" theme in Tree-Style-Tab setting
  4. paste the content of treestyletab-edge-mimicry.css to User Style Sheet in Tree-Style-Tab setting
  5. disable and re-enable the Tree-Style-Tab

btw, I did not touch the userChrome mods or about:config.

Version & Environment


Anyway, Thanks for sharing your work, it does help me ! 👍

xtellaris commented 6 months ago

image

I've tried treestyletab-edge-mimicry.css at commit a5e2752 and set Tree-Style-Tab theme to "no decorate", not in a fresh new profile though.

It won't miss the pinned tab icon which could be interacted, but some favicons, like the one belongs to addon manager of Firefox in the image, are misplaced like issue #11

UnlimitedAvailableUsername commented 6 months ago

I am currently working on it. Tree Style Tab recently updated their HTML layout for the tab container.

UnlimitedAvailableUsername commented 6 months ago

Tree Style Tab has recently seperated the container for pinned tabs and normal tabs with id pinned-tabs-container and normal-tabs-container. For now, I've deleted some lines as it inteferes with the current layout speficially:

#pinned-tabs-container { padding-top: 4px; }

and

:root.have-pinned-tabs #tabbar { margin-top: calc(var(--tabbar-margin-top) + 4px); }

I'll be updating the design soon, if possible within the day