fixed incorrect numbering of pinned tabs, removed glance tabs from the tab count

This commit is contained in:
philmard 2025-04-30 14:42:13 +03:00
parent 570a4b4964
commit 4b83cbd137
3 changed files with 41 additions and 30 deletions

View file

@ -1,9 +1,12 @@
@-moz-document url-prefix("chrome:") { @-moz-document url-prefix("chrome:") {
#vertical-pinned-tabs-container > .zen-workspace-tabs-section[hidden="true"] {
display: none !important;
}
tabs { tabs {
counter-reset: tab-counter; counter-reset: tab-counter;
} /* Automatically increment tab numbers for each .tab-content inside a tab */ /* Styles when the sidebar is expanded */ } /* Automatically increment tab numbers for each .tab-content inside a tab */ /* Styles when the sidebar is expanded */
@media (-moz-bool-pref: "zen.view.sidebar-expanded") { @media (-moz-bool-pref: "zen.view.sidebar-expanded") {
tab .tab-content::after { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
counter-increment: tab-counter; counter-increment: tab-counter;
content: counter( content: counter(
tab-counter tab-counter
@ -31,11 +34,16 @@
/* Hide the "X" close button by default */ /* Hide the "X" close button by default */
tab .tab-close-button { tab .tab-close-button {
display: none !important; visibility: hidden;
opacity: 0;
/* In order to not hide the tab title. [Can't make this work. It still hides the title] */
/* Also, display: none; doesn't seem to work */
width: 0;
margin: 0;
} }
/* Hide tab numbers on the right side when hovering over */ /* Hide tab numbers on the right side when hovering over */
tab .tab-content:hover::after { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content:hover::after {
opacity: 0; /* Make it invisible */ opacity: 0; /* Make it invisible */
width: 0; /* In order to bring the close button to the right */ width: 0; /* In order to bring the close button to the right */
margin: 0; margin: 0;
@ -43,15 +51,16 @@
/* Show the "X" close button on hover */ /* Show the "X" close button on hover */
tab:hover .tab-close-button { tab:hover .tab-close-button {
display: inline !important; visibility: visible;
opacity: 1;
} }
/* put tab numbers on the left side when expanded_side="Left" (AND in expanded mode) */ /* Put tab numbers on the left side when expanded_side="Left" (AND in expanded mode) */
:root:has(#theme-Tab-Numbers[uc-theme-expanded_side="Left"]) { :root:has(#theme-Tab-Numbers[uc-theme-expanded_side="Left"]) {
tab .tab-content::after { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::after {
display: none; /* Hide the ::after pseudo-element first */ display: none; /* Hide the ::after pseudo-element first */
} }
tab .tab-content::before { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
counter-increment: tab-counter; counter-increment: tab-counter;
content: counter( content: counter(
tab-counter tab-counter
@ -79,7 +88,7 @@
} }
} /* Styles when the sidebar is NOT expanded (compact mode) */ } /* Styles when the sidebar is NOT expanded (compact mode) */
@media not (-moz-bool-pref: "zen.view.sidebar-expanded") { @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
tab .tab-content::before { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
counter-increment: tab-counter; counter-increment: tab-counter;
content: counter(tab-counter) ""; content: counter(tab-counter) "";
position: absolute; position: absolute;
@ -93,9 +102,9 @@
80% 80%
); /* Default font size (same as "Small") */ ); /* Default font size (same as "Small") */
color: var(--number_color, inherit); /* Fallback to default color */ color: var(--number_color, inherit); /* Fallback to default color */
} /* put tab numbers on the left side when compact_side="Left" (AND in compact mode) */ } /* Put tab numbers on the left side when compact_side="Left" (AND in compact mode) */
:root:has(#theme-Tab-Numbers[uc-theme-compact_side="Left"]) { :root:has(#theme-Tab-Numbers[uc-theme-compact_side="Left"]) {
tab .tab-content::before { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content::before {
counter-increment: tab-counter; counter-increment: tab-counter;
content: counter(tab-counter) ""; content: counter(tab-counter) "";
position: absolute; position: absolute;
@ -113,12 +122,12 @@
} }
} /* Enable bold text when the preference is enabled */ } /* Enable bold text when the preference is enabled */
@media (-moz-bool-pref: "uc.theme.bold-text-enable.enabled") { @media (-moz-bool-pref: "uc.theme.bold-text-enable.enabled") {
tab .tab-content { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
--bold-text: bold; --bold-text: bold;
} }
} }
@media (-moz-bool-pref: "uc.theme.custom_color_enabled") { @media (-moz-bool-pref: "uc.theme.custom_color_enabled") {
tab .tab-content { tab:not([zen-glance-tab="true"]) > .tab-stack > .tab-content {
--number_color: var(--uc-theme-number_color) !important; --number_color: var(--uc-theme-number_color) !important;
--number_background_color: var( --number_background_color: var(
--uc-theme-number_background_color --uc-theme-number_background_color

View file

@ -2,11 +2,15 @@
Shows the Number corresponding to each Tab. This can help you navigate between Tabs faster by pressing Cmd + Number of the Tab. (or Ctrl + Number on Windows) Shows the Number corresponding to each Tab. This can help you navigate between Tabs faster by pressing Cmd + Number of the Tab. (or Ctrl + Number on Windows)
Additions (v1.0.4 - current version): Additions (v1.0.5 - current version):
- Fixed incorrect numbering of pinned tabs, removed glance tabs from the tab count.
Additions (v1.0.4):
- Tab Numbers are replaced with Close button on Hover (in Expanded Mode) - Tab Numbers are replaced with Close button on Hover (in Expanded Mode)
Additions (v1.0.3 - current version): Additions (v1.0.3):
- Nicer Design for Expanded Tabs Mode - Nicer Design for Expanded Tabs Mode
- Ability to Change Background Colour, Background Shape - Ability to Change Background Colour, Background Shape

View file

@ -1,17 +1,15 @@
{ {
"id": "22c9ec3b-7c62-46ae-991f-c8fff5046829", "id": "22c9ec3b-7c62-46ae-991f-c8fff5046829",
"name": "Tab Numbers", "name": "Tab Numbers",
"description": "Shows the Number corresponding to each Tab.", "description": "Shows the Number corresponding to each Tab.",
"homepage": "https://github.com/philmard/tab-numbers", "homepage": "https://github.com/philmard/tab-numbers",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/readme.md", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/image.png", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/image.png",
"author": "philmard", "author": "philmard",
"version": "1.0.4", "version": "1.0.5",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/22c9ec3b-7c62-46ae-991f-c8fff5046829/preferences.json",
"tags": [ "tags": ["tabs"],
"tabs" "createdAt": "2024-11-09",
], "updatedAt": "2025-01-26"
"createdAt": "2024-11-09", }
"updatedAt": "2025-01-26"
}