Refactor workspace button styles and add new icon

This commit is contained in:
mr. M
2024-10-17 19:52:28 +02:00
parent bcf6dad5de
commit 0b9b0a39d8
2 changed files with 8 additions and 5 deletions

View File

@@ -269,6 +269,7 @@
}
& .zen-workspace-icon {
position: relative;
width: 30px;
height: 30px;
border-radius: var(--zen-button-border-radius);
@@ -309,13 +310,14 @@
position: relative;
}
&.zen-workspace-button[active='true']::before {
&.zen-workspace-button[active='true'] .zen-workspace-icon::before {
content: '';
position: absolute;
top: 0;
left: -6px;
width: 4px;
height: 100%;
top: 50%;
transform: translateY(-50%);
left: -2px;
width: 3px;
height: 16px;
background-color: var(--toolbarbutton-icon-fill-attention);
border-radius: 5px;
}

View File

@@ -26,6 +26,7 @@
skin/classic/browser/zen-icons/desktop-notification.svg (../shared/zen-icons/desktop-notification.svg)
skin/classic/browser/zen-icons/developer.svg (../shared/zen-icons/developer.svg)
skin/classic/browser/zen-icons/downloads.svg (../shared/zen-icons/downloads.svg)
skin/classic/browser/zen-icons/drag-indicator.svg (../shared/zen-icons/drag-indicator.svg)
skin/classic/browser/zen-icons/duplicate-tab.svg (../shared/zen-icons/duplicate-tab.svg)
skin/classic/browser/zen-icons/edit-copy.svg (../shared/zen-icons/edit-copy.svg)
skin/classic/browser/zen-icons/edit-cut.svg (../shared/zen-icons/edit-cut.svg)