Highlight modified tab

content/treestyletab/treestyletab.css

@@ -447,6 +447,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
 	                 margin-right 0.2s ease-out,
 	                 margin-top 0.15s ease-out,
 	                 opacity 0.15s ease-out,
+	                 outline-color 0.25s ease-out,
 	                 min-height 0.15s ease-out,
 	                 max-height 0.15s ease-out,
 	                 min-width 0.15s ease-out /* for Firefox itself */,
@@ -455,6 +456,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
 	            margin-right 0.2s ease-out,
 	            margin-top 0.15s ease-out,
 	            opacity 0.15s ease-out,
+                outline-color 0.25s ease-out,
 	            min-height 0.15s ease-out,
 	            max-height 0.15s ease-out,
 	            min-width 0.15s ease-out /* for Firefox itself */,
@@ -466,6 +468,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
 	                 margin-right 0.2s ease-out,
 	                 margin-top 0.15s ease-out,
 	                 opacity 0.15s ease-out,
+	                 outline-color 0.25s ease-out,
 	                 min-height 0.15s ease-out,
 	                 max-height 0.15s ease-out,
 	                 min-width 0.15s ease-out /* for Firefox itself */,
@@ -475,6 +478,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
 	            margin-right 0.2s ease-out,
 	            margin-top 0.15s ease-out,
 	            opacity 0.15s ease-out,
+	            outline-color 0.25s ease-out,
 	            min-height 0.15s ease-out,
 	            max-height 0.15s ease-out,
 	            min-width 0.15s ease-out /* for Firefox itself */,
@@ -486,6 +490,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
   .tabbrowser-tab:not([treestyletab-collapsed-done="true"]) {
 	-moz-transition: margin-left 0.15s ease-out,
 	                 opacity 0.15s ease-out,
+	                 outline-color 0.25s ease-out,
 	                 margin-top 0.2s ease-out,
 	                 min-height 0.15s ease-out,
 	                 max-height 0.15s ease-out,
@@ -493,6 +498,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
 	                 max-width 0.15s ease-out /* for Firefox itself */;
 	transition: margin-left 0.15s ease-out,
 	            opacity 0.15s ease-out,
+                outline-color 0.25s ease-out,
 	            margin-top 0.2s ease-out,
 	            min-height 0.15s ease-out,
 	            max-height 0.15s ease-out,
@@ -503,6 +509,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
   .tabbrowser-tab:not([treestyletab-collapsed-done="true"]) {
 	-moz-transition: margin-left 0.15s ease-out,
 	                 opacity 0.15s ease-out,
+	                 outline-color 0.25s ease-out,
 	                 margin-top 0.2s ease-out,
 	                 min-height 0.15s ease-out,
 	                 max-height 0.15s ease-out,
@@ -511,6 +518,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
 	                 transform 0.2s ease-out /* for Firefox itself */;
 	transition: margin-left 0.15s ease-out,
 	            opacity 0.15s ease-out,
+                outline-color 0.25s ease-out,
 	            margin-top 0.2s ease-out,
 	            min-height 0.15s ease-out,
 	            max-height 0.15s ease-out,
@@ -523,6 +531,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
   .tabbrowser-tab:not([treestyletab-collapsed-done="true"]) {
 	-moz-transition: margin-left 0.15s ease-out,
 	                 opacity 0.15s ease-out,
+	                 outline-color 0.25s ease-out,
 	                 margin-bottom 0.2s ease-out,
 	                 min-height 0.15s ease-out,
 	                 max-height 0.15s ease-out,
@@ -530,6 +539,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
 	                 max-width 0.15s ease-out /* for Firefox itself */;
 	transition: margin-left 0.15s ease-out,
 	            opacity 0.15s ease-out,
+                outline-color 0.25s ease-out,
 	            margin-bottom 0.2s ease-out,
 	            min-height 0.15s ease-out,
 	            max-height 0.15s ease-out,
@@ -540,6 +550,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
   .tabbrowser-tab:not([treestyletab-collapsed-done="true"]) {
 	-moz-transition: margin-left 0.15s ease-out,
 	                 opacity 0.15s ease-out,
+	                 outline-color 0.25s ease-out,
 	                 margin-bottom 0.2s ease-out,
 	                 min-height 0.15s ease-out,
 	                 max-height 0.15s ease-out,
@@ -548,6 +559,7 @@ toolbar.treestyletab-tabbar-toolbar-ready:not([nowindowdrag="true"]),
 	                 transform 0.2s ease-out /* for Firefox itself */;
 	transition: margin-left 0.15s ease-out,
 	            opacity 0.15s ease-out,
+                outline-color 0.25s ease-out,
 	            margin-bottom 0.2s ease-out,
 	            min-height 0.15s ease-out,
 	            max-height 0.15s ease-out,

modules/autoHide.js

@@ -784,6 +784,7 @@ AutoHideBrowser.prototype = inherit(AutoHideBase.prototype, {
  
 	delayedShowForFeedback : function AHB_delayedShowForFeedback(aTab) 
 	{
+		this.treeStyleTab.highlightTab(aTab);
 		this.show(this.kSHOWN_BY_FEEDBACK);
 		this.cancelHideForFeedback();
 		this.delayedHideTabbarForFeedbackTimer = this.window.setTimeout(

modules/browser.js

@@ -7132,6 +7132,15 @@ TreeStyleTabBrowser.prototype = inherit(TreeStyleTabWindow.prototype, {
 		}).bind(this), 0);
 	},
 
+	highlightTab : function TSTBrowser_highlightTab(aTab)
+	{
+		aTab.setAttribute(this.kHIGHLIGHTED, 'true');
+		wait(250)
+			.then((function() {
+				aTab.removeAttribute(this.kHIGHLIGHTED);
+			}).bind(this));
+	},
+ 
 	restoreTree : function TSTBrowser_restoreTree() 
 	{
 		if (!this.needRestoreTree || this.useTMPSessionAPI)

modules/constants.js

@@ -82,6 +82,7 @@ var TreeStyleTabConstants = Object.freeze({
 	kINVERT_SCROLLBAR   : 'treestyletab-invert-scrollbar',
 	kNARROW_SCROLLBAR   : 'treestyletab-narrow-scrollbar',
 	kFAVICONIZED        : 'treestyletab-faviconized',
+	kHIGHLIGHTED        : 'treestyletab-highlighted',
 	kBG_NOTIFY_PHASE    : 'treestyletab-notifybgtab-phase',
 	kIGNORE_POPUP_STATE : 'treestyletab-ignore-state',
 

skin/classic/treestyletab/ui-base.css

@@ -419,3 +419,7 @@ tabbrowser[treestyletab-tabbar-position="bottom"]
   > .scrollbutton-down > * {
 	display: none;
 }
+
+.tabbrowser-tab[treestyletab-highlighted='true'] {
+	outline: Highlight solid medium;
+}