X
點擊此處開啟此網站的行動版。

技術支援討論區

Can I disable the blue dot indicating that a pinned tab title has changed?

已張貼

The previous question linked below addressed this problem, but the css suggested there (copied below) no longer seems to work. Is there an option that works with FF 69?

This is the previous question: https://support.mozilla.org/en-US/questions/1181537 The suggestion there doesn't seem to do anything for me: .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged] {

   background-image: none !important;
 }
The previous question linked below addressed this problem, but the css suggested there (copied below) no longer seems to work. Is there an option that works with FF 69? This is the previous question: https://support.mozilla.org/en-US/questions/1181537 The suggestion there doesn't seem to do anything for me: .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged] { background-image: none !important; }
引用

額外的系統細節

已安裝的外掛程式

OpenH264 Video Codec provided by Cisco Systems, Inc. Widevine Content Decryption Module provided by Google Inc.

應用程式

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:69.0) Gecko/20100101 Firefox/69.0

更多資訊

cor-el
  • Top 10 Contributor
  • Moderator
17674 個解決方法 159884 個答案

See this CSS file for the rule that adds the blue dot.


There seems to be an extra attribute (:not([selected="true"])) added to the selector:

.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {}
See this CSS file for the rule that adds the blue dot. *https://dxr.mozilla.org/mozilla-release/source/browser/themes/shared/tabs.inc.css#601 *chrome://browser/skin/tabbrowser/indicator-tab-attention.svg ---- There seems to be an extra attribute (:not([selected="true"])) added to the selector: <pre><nowiki>.tabbrowser-tab:-moz-any([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {}</nowiki></pre>
這篇文章有幫助嗎? 0
引用

提出問題者

Unfortunately, adding that extra attribute doesn't seem to have changed anything—the blue dot still appears. Here's the updated rule I used, still without success (please let me know if I made an error):

.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {

 background-image: none !important;

}

Unfortunately, adding that extra attribute doesn't seem to have changed anything—the blue dot still appears. Here's the updated rule I used, still without success (please let me know if I made an error): .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { background-image: none !important; }
這篇文章有幫助嗎?
引用
cor-el
  • Top 10 Contributor
  • Moderator
17674 個解決方法 159884 個答案

I don't have a test website that reloads pages and change the title, so I can check what is going on. If you have one that doesn't require to login then please post a link.

I don't have a test website that reloads pages and change the title, so I can check what is going on. If you have one that doesn't require to login then please post a link.
這篇文章有幫助嗎?
引用
jscher2000
  • Top 10 Contributor
8837 個解決方法 72222 個答案

有幫助的回覆

Hmm, the above code works for me:

/* Suppress blue dot on pinned tab */
.tabbrowser-tab > .tab-stack >
 .tab-content[pinned][titlechanged]:not([selected="true"]){
  background-image: none !important;
}

This also works for me:

/* Suppress blue dot on pinned tab */
.tabbrowser-tab > .tab-stack >
 .tab-content[pinned][titlechanged]:not([selected="true"]){
  background-size: 0px 0px;
}

If you want a more subtle sign of changes on the tab, you could apply a bottom border:

/* Suppress blue dot on pinned tab */
.tabbrowser-tab > .tab-stack >
 .tab-content[pinned][titlechanged]:not([selected="true"]){
  background-image: none !important;
  /* blue bottom border at 40% opacity */
  border-bottom: 2px solid rgba(0, 0, 255, 0.4);
}

For testing purposes, I pinned a tab and executed the following in the Web Console to modify the title every 5 seconds:

var titlechanger = window.setInterval(function(){document.title=document.title+'0';}, 5000);

Hmm, the above code works for me: <pre>/* Suppress blue dot on pinned tab */ .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]){ background-image: none !important; } </pre> This also works for me: <pre>/* Suppress blue dot on pinned tab */ .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]){ background-size: 0px 0px; } </pre> If you want a more subtle sign of changes on the tab, you could apply a bottom border: <pre>/* Suppress blue dot on pinned tab */ .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]){ background-image: none !important; /* blue bottom border at 40% opacity */ border-bottom: 2px solid rgba(0, 0, 255, 0.4); } </pre> ''For testing purposes, I pinned a tab and executed the following in the Web Console to modify the title every 5 seconds:'' var titlechanger = window.setInterval(function(){document.title=document.title+'0';}, 5000);
這篇文章有幫助嗎? 1
引用
jscher2000
  • Top 10 Contributor
8837 個解決方法 72222 個答案

選擇的解決方法

More generally for Firefox 69: https://www.userchrome.org/firefox-changes-userchrome-css.html#fx69
這篇文章有幫助嗎? 1
引用

提出問題者

Looks like I was asking the wrong question. As pointed out by jscher2000, starting with Firefox 69, toolkit.legacyUserProfileCustomizations.stylesheets needs to be set to true (in about:config) in order to use userChrome.css

Looks like I was asking the wrong question. As pointed out by jscher2000, starting with Firefox 69, toolkit.legacyUserProfileCustomizations.stylesheets needs to be set to true (in about:config) in order to use userChrome.css
這篇文章有幫助嗎?
引用
norbertk 0 個解決方法 1 個答案

I was having this problem, and didn't understand how to enable the rule in my .css sheet. For others who have the same question, these steps should work:

https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss/

This is my userChrome.css:

@-moz-document url(chrome://browser/content/browser.xhtml) {

.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {

 background-image: none !important;
 }

}

I was having this problem, and didn't understand how to enable the rule in my .css sheet. For others who have the same question, these steps should work: https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss/ This is my userChrome.css: @-moz-document url(chrome://browser/content/browser.xhtml) { .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { background-image: none !important; } }
這篇文章有幫助嗎? 1
引用
Joshua 0 個解決方法 3 個答案

norbertk said

I was having this problem, and didn't understand how to enable the rule in my .css sheet. For others who have the same question, these steps should work: https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss/ This is my userChrome.css: @-moz-document url(chrome://browser/content/browser.xhtml) { .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { background-image: none !important; } }

Thank you for including this, didn't find this small, but important step anywhere else.

''norbertk [[#answer-1270241|said]]'' <blockquote> I was having this problem, and didn't understand how to enable the rule in my .css sheet. For others who have the same question, these steps should work: https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss/ This is my userChrome.css: @-moz-document url(chrome://browser/content/browser.xhtml) { .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { background-image: none !important; } } </blockquote> Thank you for including this, didn't find this small, but important step anywhere else.
這篇文章有幫助嗎?
引用
Joshua 0 個解決方法 3 個答案

What would the jscher2000 said

Hmm, the above code works for me:
/* Suppress blue dot on pinned tab */
.tabbrowser-tab > .tab-stack >
 .tab-content[pinned][titlechanged]:not([selected="true"]){
  background-image: none !important;
}

This also works for me:

/* Suppress blue dot on pinned tab */
.tabbrowser-tab > .tab-stack >
 .tab-content[pinned][titlechanged]:not([selected="true"]){
  background-size: 0px 0px;
}

If you want a more subtle sign of changes on the tab, you could apply a bottom border:

/* Suppress blue dot on pinned tab */
.tabbrowser-tab > .tab-stack >
 .tab-content[pinned][titlechanged]:not([selected="true"]){
  background-image: none !important;
  /* blue bottom border at 40% opacity */
  border-bottom: 2px solid rgba(0, 0, 255, 0.4);
}

For testing purposes, I pinned a tab and executed the following in the Web Console to modify the title every 5 seconds:

var titlechanger = window.setInterval(function(){document.title=document.title+'0';}, 5000);

Thank you very much for outlining these style changes.

What would the style need to look like if I only wanted to disable the blue dot on a pinned Gmail tab?

What would the ''jscher2000 [[#answer-1256866|said]]'' <blockquote> Hmm, the above code works for me: <pre>/* Suppress blue dot on pinned tab */ .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]){ background-image: none !important; } </pre> This also works for me: <pre>/* Suppress blue dot on pinned tab */ .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]){ background-size: 0px 0px; } </pre> If you want a more subtle sign of changes on the tab, you could apply a bottom border: <pre>/* Suppress blue dot on pinned tab */ .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]){ background-image: none !important; /* blue bottom border at 40% opacity */ border-bottom: 2px solid rgba(0, 0, 255, 0.4); } </pre> ''For testing purposes, I pinned a tab and executed the following in the Web Console to modify the title every 5 seconds:'' var titlechanger = window.setInterval(function(){document.title=document.title+'0';}, 5000); </blockquote> Thank you very much for outlining these style changes. What would the style need to look like if I only wanted to disable the blue dot on a pinned Gmail tab?
這篇文章有幫助嗎?
引用
jscher2000
  • Top 10 Contributor
8837 個解決方法 72222 個答案

Joshua said

What would the style need to look like if I only wanted to disable the blue dot on a pinned Gmail tab?

You need to match part of the tab text exactly. If you hover the mouse over the tab, a tooltip will show the label. For example, in my test the label contains @gmail.com - Gmail so I used that, but I don't know if it is 100% consistent as you navigate around Gmail, so you might need to adjust the rule.

Note that [label *= "some text"] matches that exact text anywhere in the label so you don't need to create separate rules for Inbox, Sent, etc.

/* Suppress blue dot on pinned Gmail tab */
.tabbrowser-tab[label*="@gmail.com - Gmail"] > .tab-stack >
.tab-content[pinned][titlechanged]:not([selected="true"]){
    background-size: 0px 0px;
}
''Joshua [[#answer-1275726|said]]'' <blockquote> What would the style need to look like if I only wanted to disable the blue dot on a pinned Gmail tab? </blockquote> You need to match part of the tab text exactly. If you hover the mouse over the tab, a tooltip will show the label. For example, in my test the label contains <code>@gmail.com - Gmail</code> so I used that, but I don't know if it is 100% consistent as you navigate around Gmail, so you might need to adjust the rule. Note that <code>[label *= "''some text''"]</code> matches that exact text anywhere in the label so you don't need to create separate rules for Inbox, Sent, etc. <pre>/* Suppress blue dot on pinned Gmail tab */ .tabbrowser-tab[label*="@gmail.com - Gmail"] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]){ background-size: 0px 0px; } </pre>

由 jscher2000 於 修改

這篇文章有幫助嗎? 1
引用
Joshua 0 個解決方法 3 個答案

Brilliant, that worked like a charm jscher2000. Thank you very much!

Brilliant, that worked like a charm jscher2000. Thank you very much!
這篇文章有幫助嗎?
引用
問個問題

如果您還沒有帳號,您必須先 登入您的帳號 來回覆文章。請 開始一個新問題