Add theme: Hidden Reset Button

This commit is contained in:
AlexCookieDev 2024-12-20 15:51:09 +00:00 committed by GitHub
parent 97b88a0f39
commit fb36de5fe5
4 changed files with 53 additions and 0 deletions

View file

@ -0,0 +1,36 @@
/* Hidden Reset Button - Hide the reset button behind the tab icon unless hovered. */
.tab-icon-stack, .tab-reset-button {
transition: scale .2s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s ease-in-out, transform .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.tab-reset-button {
transform: rotate(-.5turn);
width: 24px !important;
margin: 0;
margin-right: -24px;
order: -1;
z-index: 1;
opacity: 0;
scale: .5;
overflow: hidden !important;
}
.tab-reset-button:hover {
transform: rotate(0);
opacity: 1;
scale: 1;
}
.tab-label-container {
padding-left: 6px;
}
.tab-icon-stack:has(~ .tab-reset-button:hover) {
opacity: 0;
scale: 0;
}
.tab-content .tab-icon-stack {
padding: 4px;
width: 24px;
}
.tab-icon-stack .tab-icon-image {
padding: 0;
margin: 0 !important;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 KiB

View file

@ -0,0 +1,3 @@
# Hidden Reset Button
Hide the reset button behind the tab icon unless hovered.

View file

@ -0,0 +1,14 @@
{
"id": "0c3d77bf-44fc-47a6-a183-39205dfa5f7e",
"name": "Hidden Reset Button",
"description": "Hide the reset button behind the tab icon unless hovered.",
"homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/image.png",
"author": "AlexCookieDev",
"version": "1.0.0",
"tags": [],
"createdAt": "2024-12-20",
"updatedAt": "2024-12-20"
}