Bug 1700989 - Remove the fadeout on the tab-icon-overlay since transitioning the opacity won't work when the opacity property is changed due to mouse hover. r=desktop-theme-reviewers,harry
authorJared Wein <jwein@mozilla.com>
Fri, 26 Mar 2021 22:55:20 +0000
changeset 573345 26cfe11b1a2f245e64c50f5c75145e1f83f70de4
parent 573344 f3149b974792bb4da3e7fce78afe07e0c1874401
child 573346 1c2dd3cf99f9121502914a389f936807f3708be9
push id38325
push usercbrindusan@mozilla.com
push dateSat, 27 Mar 2021 09:43:11 +0000
treeherdermozilla-central@2c4ad7073241 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdesktop-theme-reviewers, harry
bugs1700989
milestone89.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1700989 - Remove the fadeout on the tab-icon-overlay since transitioning the opacity won't work when the opacity property is changed due to mouse hover. r=desktop-theme-reviewers,harry The mouse hover resets the starting value of the transition, effectively canceling the transition and moving immediately to the end state. Differential Revision: https://phabricator.services.mozilla.com/D109840
browser/themes/shared/tabs.inc.css
--- a/browser/themes/shared/tabs.inc.css
+++ b/browser/themes/shared/tabs.inc.css
@@ -619,18 +619,17 @@
 .tab-icon-sound[soundplaying-scheduledremoval]:not([muted], :hover),
 .tab-icon-overlay[soundplaying-scheduledremoval]:not([muted], :hover) {
   transition: opacity .3s linear var(--soundplaying-removal-delay);
   opacity: 0;
 }
 } /*** END !proton ***/
 
 @supports -moz-bool-pref("browser.proton.tabs.enabled") {
-.tab-secondary-label[soundplaying-scheduledremoval]:not([muted]):not(:hover),
-.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted], :hover) {
+.tab-secondary-label[soundplaying-scheduledremoval]:not([muted]):not(:hover) {
   transition: opacity .3s linear var(--soundplaying-removal-delay);
   opacity: 0;
 }
 } /*** END proton ***/
 
 /* Tab Overflow */
 #tabbrowser-arrowscrollbox:not([scrolledtostart])::part(overflow-start-indicator),
 #tabbrowser-arrowscrollbox:not([scrolledtoend])::part(overflow-end-indicator) {