mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-01-07 05:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Made the tab buttons look nicer

Browse Source
This commit is contained in:
Mauro Balades
2024-04-22 17:01:19 +02:00
parent 606a090743
commit d834a81a9c
3 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-panels-ui.inc.xhtml
View File

@@ -9,7 +9,7 @@
</vbox>
<vbox id="PanelUI-zen-profiles-list">
</vbox>
<toolbarseparator />
<toolbarseparator id="PanelUI-zen-profiles-lastSeparator" />
<toolbarbutton id="PanelUI-zen-profiles-privateWin" command="Tools:PrivateBrowsing" data-l10n-id="appmenuitem-new-private-window" class="subviewbutton"></toolbarbutton>
<toolbarbutton id="PanelUI-zen-profiles-managePrfs" command="Tools:ZenProfiles" data-l10n-id="appmenu-manage-profiles" class="subviewbutton"></toolbarbutton>
<toolbarbutton id="PanelUI-zen-profiles-newProfile" oncommand="ZenProfileDialogUI.createProfileWizard();" data-l10n-id="appmenu-create-profile" class="subviewbutton"></toolbarbutton>

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

@@ -269,8 +269,8 @@ toolbarbutton#scrollbutton-up {
border-radius: 50%;
position: relative;
color-scheme: var(--tab-selected-color-scheme);
background: light-dark(#ececec, #4a4a4a);
border: 1px solid transparent;
background: var(--zen-colors-secondary);
border: 2px solid transparent;
padding: 0 !important;
align-items: center;
animation: zen-slide-in 0.3s;
@@ -302,12 +302,16 @@ toolbarbutton#scrollbutton-up {
}
}
.tabbrowser-tab:not([pinned], [fadein]) {
.tabbrowser-tab:not([fadein]) {
display: none;
}
.tabbrowser-tab[pinned]:last-of-type {
/** Todo: add a separator */
}
.tabbrowser-tab:is([multiselected="true"], [selected]) {
border-color: var(--zen-colors-primary);
border-color: light-dark(var(--zen-colors-border), rgba(255, 255, 255, 0.15));
}
.tab-close-button {

8
src/browser/themes/shared/zen-panel-ui.css
View File

@@ -43,6 +43,14 @@
margin-bottom: 0;
}
#PanelUI-zen-profiles-list > toolbarseparator:first-child {
margin-bottom: 5px;
}
#PanelUI-zen-profiles-lastSeparator {
margin-top: 5px !important;
}
.PanelUI-zen-profiles-item:hover {
background: var(--panel-item-hover-bgcolor);
color: inherit;