mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Update TabsToolbar styles for Zen Browser

Browse Source 
- Set width to 100% and justify-content to start for toolbar buttons in TabsToolbar
- Add border-radius to toolbar buttons in TabsToolbar
- Update hover background color for toolbar buttons in TabsToolbar
- Adjust text alignment and remove unnecessary padding for toolbar buttons in TabsToolbar
- Set background to transparent for text, icon, and badge stack in toolbar buttons in TabsToolbar
- Set width to 100% for tabbrowser-tabs

Related recent commits:
- Update Zen Browser styles for dark mode compatibility
- Update Zen Browser preferences and styles for vertical tabs layout
This commit is contained in:
Mauro Balades
2024-07-19 23:46:38 +02:00
parent 3828f2547e
commit 6c3a67aa9a
1 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/browser/themes/shared/zen-browser-shared.css
View File

@@ -650,6 +650,32 @@ panelmultiview {
align-items: flex-start;
}
#TabsToolbar toolbarbutton:not(#zen-workspaces-button) {
width: 100% !important;
justify-content: start;
border-radius: 8px;
}
#TabsToolbar toolbarbutton:not(#zen-workspaces-button):hover {
background: var(--button-hover-bgcolor);
}
#TabsToolbar toolbarbutton:not(#zen-workspaces-button) .toolbarbutton-text {
display: block;
margin: 0 !important;
padding-left: 0 !important;
}
#TabsToolbar toolbarbutton:not(#zen-workspaces-button) .toolbarbutton-text {
text-align: start;
}
#TabsToolbar toolbarbutton:not(#zen-workspaces-button) .toolbarbutton-text,
#TabsToolbar toolbarbutton:not(#zen-workspaces-button) .toolbarbutton-icon,
#TabsToolbar toolbarbutton:not(#zen-workspaces-button) .toolbarbutton-badge-stack {
background: transparent !important;
}
.tabbrowser-tab {
width: 100%;