mirror of
https://github.com/zen-browser/desktop.git
synced 2026-05-28 07:45:09 +00:00
74 lines
2.8 KiB
C++
74 lines
2.8 KiB
C++
diff --git a/browser/themes/shared/toolbarbuttons.css b/browser/themes/shared/toolbarbuttons.css
|
|
index f681decf193605b633f1cffa493ac3b000b542bd..21ee9ce2594308aba0ae6d86e4f82bef6ef95b6d 100644
|
|
--- a/browser/themes/shared/toolbarbuttons.css
|
|
+++ b/browser/themes/shared/toolbarbuttons.css
|
|
@@ -44,20 +44,6 @@
|
|
--toolbarbutton-inner-padding: 9px;
|
|
--bookmark-block-padding: 7px;
|
|
}
|
|
- @media (width <= 900px) {
|
|
- --toolbarbutton-outer-padding: 1px;
|
|
- }
|
|
- @media (width <= 800px) {
|
|
- --toolbarbutton-inner-padding: 7px;
|
|
- &:where([uidensity="touch"]) {
|
|
- --toolbarbutton-inner-padding: 8px;
|
|
- }
|
|
- }
|
|
- /* 700px is just above half of the popular 1366px screen width, so two browser
|
|
- windows put next to each other will be below this threshold. */
|
|
- @media (width <= 700px) {
|
|
- --toolbarbutton-inner-padding: 6px;
|
|
- }
|
|
&:where([uidensity="compact"]) {
|
|
--toolbarbutton-inner-padding: 6px;
|
|
--bookmark-block-padding: 1px;
|
|
@@ -67,9 +53,7 @@
|
|
#TabsToolbar {
|
|
/* Override the inner padding to ensure the dimensions match the tabs, but also making sure
|
|
different types of buttons (combined-buttons-dropmarker or text) still look correct. */
|
|
- @media (width > 900px) {
|
|
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 16px) / 2);
|
|
- }
|
|
}
|
|
|
|
/* Primary toolbar buttons */
|
|
@@ -148,8 +132,8 @@ toolbar .toolbarbutton-1 {
|
|
|
|
> .toolbarbutton-icon {
|
|
/* horizontal padding + actual icon width */
|
|
- width: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
|
|
- height: calc(2 * var(--toolbarbutton-inner-padding) + 16px);
|
|
+ width: calc(2 * var(--toolbarbutton-inner-padding) + var(--zen-toolbar-button-size, 16px));
|
|
+ height: calc(2 * var(--toolbarbutton-inner-padding) + var(--zen-toolbar-button-size, 16px));
|
|
}
|
|
|
|
> .toolbarbutton-text {
|
|
@@ -159,7 +143,7 @@ toolbar .toolbarbutton-1 {
|
|
* height as the button icons and the same vertical padding, but as a minimum,
|
|
* because otherwise an increase in text sizes would break things.
|
|
*/
|
|
- min-height: calc(16px + 2 * var(--toolbarbutton-inner-padding));
|
|
+ min-height: calc(var(--zen-toolbar-button-size, 16px) + 2 * var(--toolbarbutton-inner-padding));
|
|
|
|
@media (-moz-platform: macos) {
|
|
padding-top: calc(var(--toolbarbutton-inner-padding) + 1px);
|
|
@@ -279,7 +263,7 @@ toolbar .toolbaritem-combined-buttons {
|
|
#nav-bar-overflow-button {
|
|
list-style-image: url("chrome://global/skin/icons/chevron.svg");
|
|
|
|
- #nav-bar:not([overflowing], [nonemptyoverflow], [customizing]) > & {
|
|
+ toolbar:not([overflowing], [nonemptyoverflow], [customizing]) > & {
|
|
display: none;
|
|
}
|
|
|
|
@@ -489,7 +473,7 @@ toolbarbutton.bookmark-item:not(.subviewbutton) {
|
|
*/
|
|
align-items: stretch;
|
|
> .toolbarbutton-icon {
|
|
- height: auto;
|
|
+ margin-top: auto; margin-bottom: auto;
|
|
}
|
|
> .toolbarbutton-badge-stack {
|
|
align-items: center;
|