mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-03-26 08:41:02 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Show close button on background tab only on hover #280

MS_Y 2021-11-29 12:26:28 +09:00
parent 89ede8bf68
commit df3e1adc08
1 changed files with 27 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

27
Tips.md

@ -318,6 +318,33 @@ And also use this code:
}
```
## Show close button on background tab only on hover
```css
.tabbrowser-tab:not([visuallyselected]) .tab-close-button {
visibility: collapse !important;
opacity: 0;
}
.tabbrowser-tab:hover .tab-close-button {
visibility: visible !important;
opacity: 1;
}
/* Animate */
@media (prefers-reduced-motion: no-preference) {
/* Fade out */
.tabbrowser-tab:not([visuallyselected]) .tab-close-button {
transition: opacity 0.1s var(--animation-easing-function) !important;
}
/* Fade in */
.tabbrowser-tab:hover .tab-close-button {
transition: opacity 0.25s var(--animation-easing-function) !important;
}
}
```
## Account Panel Layout
**Original**