mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 08:55:31 +02:00
Add theme: Hidden Reset Button
This commit is contained in:
parent
97b88a0f39
commit
fb36de5fe5
4 changed files with 53 additions and 0 deletions
36
themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/chrome.css
Normal file
36
themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/chrome.css
Normal 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;
|
||||
}
|
BIN
themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/image.png
Normal file
BIN
themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 217 KiB |
3
themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/readme.md
Normal file
3
themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/readme.md
Normal file
|
@ -0,0 +1,3 @@
|
|||
|
||||
# Hidden Reset Button
|
||||
Hide the reset button behind the tab icon unless hovered.
|
14
themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/theme.json
Normal file
14
themes/0c3d77bf-44fc-47a6-a183-39205dfa5f7e/theme.json
Normal 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"
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue