cours/firefox tree style tabs.md
Oscar Plaisant 62f0313af1 update
2024-09-20 21:31:23 +02:00

2.1 KiB

up:: firefox extensions #informatique

Code pour le style :

/* Show title of unread tabs with red and italic font */
/*
:root.sidebar tab-item.unread .label-content {
  color: red !important;
  font-style: italic !important;
}
*/

/* Add private browsing indicator per tab */
/*
:root.sidebar tab-item.private-browsing tab-label:before {
  content: "🕶";
}
*/

tab-item {
  --tab-margin-top: 0px;
  --tab-margin-bottom: 0px;
  --tab-margin-right: 0;
}


:root.right tab-item-substance {
  margin-left: calc(var(--tab-margin-left) + var(--tab-indent) * 1.2); /**/
  margin-right: 10px;
  border: 1px solid #AAAAAAAA;
  padding-left: 0px;
  padding-top: 1px;
  padding-bottom: 1px;

}

/* highlight active tab */
tab-item.active tab-item-substance {
  /* height: 39px !important;*/ 
}
tab-item.active .background {
  background-color: green;
}
tab-item.active .label-content {
  font-weight: bold;
  /* font-size: 14px; */
}
tab-item.active tab-twisty,
tab-item.active .label-content,
tab-item.active tab-counter {
  color: #fff;
}

/* hovered tab */
tab-item tab-item-substance:hover {
  background: darkgreen !important;
  opacity: 0.9;
}

/* Change styling of pending (unloaded) tabs */
tab-item.discarded tab-item-substance {
  opacity: 0.8;
}

/* tab counting */
#tabbar {
  counter-reset: vtabs atabs tabs;
  /* vtabs tracks visible tabs, atabs tracks active tabs, tabs tracks all tabs */
}
tab-item:not(.collapsed):not(.discarded) {
  counter-increment: vtabs atabs tabs;
}
tab-item:not(.collapsed) {
  counter-increment: vtabs tabs;
}
tab-item:not(.discarded) {
  counter-increment: atabs tabs;
}
tab-item {
  counter-increment: tabs;
}

/* show active tabs / total tabs */
.newtab-button {
  --tab-count-text: counter(atabs) "/" counter(tabs) " tabs";
}

/* hide the new tab button */
:root.simulate-svg-context-fill .newtab-button::after {
  content: var(--tab-count-text);
  pointer-events: none;
    
  width: 100%;

  /* TST 2.4.0 - Fix for Issue #1664 */
  background: transparent !important;
  mask: none !important;
}



/* wrap tabs instead of cropping them 
tab-item:not(.collapsed) tab-label {
  overflow: unset;
  white-space: unset;
}
/* */