mirror of
https://github.com/zen-browser/desktop.git
synced 2025-10-05 01:16:35 +00:00
Fixed titlebars being streched out and small on the right side
This commit is contained in:
@@ -98,14 +98,6 @@
|
||||
|
||||
.titlebar-buttonbox-container {
|
||||
height: 100%;
|
||||
|
||||
& .titlebar-buttonbox {
|
||||
align-items: center;
|
||||
|
||||
& .titlebar-button {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-platform: macos) {
|
||||
|
@@ -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;
|
||||
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 {
|
||||
margin-right: auto;
|
||||
width: fit-content;
|
||||
@@ -784,7 +796,7 @@
|
||||
padding-inline-end: var(--zen-toolbox-padding);
|
||||
}
|
||||
|
||||
& toolbarbutton {
|
||||
& toolbarbutton:not(.titlebar-button) {
|
||||
height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
|
||||
padding: 0 var(--toolbarbutton-outer-padding) !important;
|
||||
}
|
||||
|
Reference in New Issue
Block a user