- Archived
after upgrading to ff110 problem with css regarding browser tabs
Appreciate help for the following: 1. these codes don't work anymore in FF 110: #tabbrowser-tab[first-visible-tab="true"] { margin-left: 3px !important; } 2. Also … (read more)
Appreciate help for the following: 1. these codes don't work anymore in FF 110: #tabbrowser-tab[first-visible-tab="true"] { margin-left: 3px !important; }
2. Also this one for Tab Separators , works ok except , the "last tab separator on the right" disappeared , I mean the left is visible but the right side of the tab has no separator :
.tab-content { position: relative !important; overflow: hidden !important; --separator-color: rgba(255,255,255,0.4); } .tab-content::before, .tab-content::after { content: '' !important; display: block !important; position: absolute !important; background-color: var(--separator-color) !important; width: 1px !important; height: 28px !important; transform: translateY(24px) !important; opacity: 0 !important; transition: opacity 0.2s ease !important; } .tab-content::before { left: 0 !important; } .tab-content::after { right: 0 !important; } .tabbrowser-tab[visuallyselected][style*=transform]+.tabbrowser-tab[style*=transform] .tab-content::after { opacity: var(--tab-separator-opacity) !important; } .tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before, .tabbrowser-tab[style*=transform]+.tabbrowser-tab:not([visuallyselected]) .tab-content::before { opacity: var(--tab-separator-opacity) !important; } .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected])+.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before { opacity: var(--tab-separator-opacity) !important; } #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after { opacity: var(--tab-separator-opacity) !important; } #tabbrowser-tabs[overflow] .tabbrowser-tab[pinned]+.tabbrowser-tab:not([pinned]) .tab-content::before { opacity: 0 !important; }
Any help appreciated Thanks look4