mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-05 01:16:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed titlebars being streched out and small on the right side

Browse Source
This commit is contained in:
mr. M
2024-11-28 21:43:20 +01:00
parent 6d41232a3e
commit 273d477938
2 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/browser/base/content/zen-styles/zen-browser-ui.css
View File

@@ -98,14 +98,6 @@
.titlebar-buttonbox-container { .titlebar-buttonbox-container {
height: 100%; height: 100%;
& .titlebar-buttonbox {
align-items: center;
& .titlebar-button {
height: 100%;
}
}
} }
@media (-moz-platform: macos) { @media (-moz-platform: macos) {

16
src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
View File

@@ -24,11 +24,23 @@
} }
} }
:root:not([zen-window-buttons-reversed='true']) .titlebar-buttonbox-container { :root:not([zen-window-buttons-reversed='true']) {
& .titlebar-buttonbox-container {
margin-left: auto; margin-left: auto;
width: fit-content; width: fit-content;
} }
&:root[zen-right-side='true'] #zen-sidebar-top-buttons-customization-target .titlebar-buttonbox-container {
/* Must have the zen-sidebar-top-buttons-customization-target so we target it only when it's on the sidebar */
margin-right: calc(-2 * var(--zen-toolbox-padding));
margin-top: -10px /*Make sure this stays synced with the top buttons' margin!*/;
& .titlebar-button {
align-items: end;
}
}
}
:root[zen-window-buttons-reversed='true'] .titlebar-buttonbox-container { :root[zen-window-buttons-reversed='true'] .titlebar-buttonbox-container {
margin-right: auto; margin-right: auto;
width: fit-content; width: fit-content;
@@ -784,7 +796,7 @@
padding-inline-end: var(--zen-toolbox-padding); padding-inline-end: var(--zen-toolbox-padding);
} }
& toolbarbutton { & toolbarbutton:not(.titlebar-button) {
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px); height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
padding: 0 var(--toolbarbutton-outer-padding) !important; padding: 0 var(--toolbarbutton-outer-padding) !important;
} }