Avatar for Username

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Learn More

Táto téma bola archivovaná. Ak potrebujete pomôcť, založte prosím novú otázku.

CSS to show close tab button when mouse hover a tab

  • 1 odpoveď
  • 0 má tento problém
  • 154 zobrazení
  • Posledná odpoveď od cor-el

Testxxxx1234
Testxxxx1234
more options

Currently I'm using the css from this thread https://support.mozilla.org/en-US/questions/1341968 Now with firefox 113, this no longer works, I'm hoping someone can help me with this.

Currently I'm using the css from this thread [https://support.mozilla.org/en-US/questions/1341968 https://support.mozilla.org/en-US/questions/1341968] Now with firefox 113, this no longer works, I'm hoping someone can help me with this.

Upravil(a) Testxxxx1234 dňa

Vybrané riešenie

I currently use this code to always hide all close button and show them on hover after a short delay to prevent closing a tab when selecting it. 

/* TAB: close button colors on hover */
.tab-close-button:hover {
  background-color: rgba(255,0,0,.7) !important;
  fill: white !important;
}

.tabbrowser-tab:not([pinned]) .tab-close-button {
  display: inline-flex !important;
}

.tabbrowser-tab:not([pinned]) .tab-close-button {
  max-width: 0 !important;
  transition: all 100ms ease-in-out 100ms;
}

/* close button shown on hover */
 .tabbrowser-tab:not([pinned]):hover .tab-close-button {
  max-width: 20px !important;
  transition: all 250ms ease-in-out 800ms;
}

Čítať túto odpoveď v kontexte 👍 2

Všetky odpovede (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Vybrané riešenie

I currently use this code to always hide all close button and show them on hover after a short delay to prevent closing a tab when selecting it. 

/* TAB: close button colors on hover */
.tab-close-button:hover {
  background-color: rgba(255,0,0,.7) !important;
  fill: white !important;
}

.tabbrowser-tab:not([pinned]) .tab-close-button {
  display: inline-flex !important;
}

.tabbrowser-tab:not([pinned]) .tab-close-button {
  max-width: 0 !important;
  transition: all 100ms ease-in-out 100ms;
}

/* close button shown on hover */
 .tabbrowser-tab:not([pinned]):hover .tab-close-button {
  max-width: 20px !important;
  transition: all 250ms ease-in-out 800ms;
}