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

fix: Adjusted the responsiveness of the Toolbar when resizing.

Browse Source
This commit is contained in:
mohvn
2024-09-05 09:02:46 -03:00
parent 34acabd43c
commit 7609e718af
2 changed files with 42 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/browser/base/content/zen-styles/zen-urlbar.css
View File

@@ -23,20 +23,22 @@
box-shadow: var(--panel-shadow) !important;
}
#urlbar[focused="true"] > #urlbar-background {
#urlbar[focused="true"]>#urlbar-background {
background: var(--zen-dialog-background) !important;
}
#urlbar-background { border: transparent !important; }
#urlbar-background {
border: transparent !important;
}
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
#urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background,
#searchbar:focus-within {
outline: none !important;
outline-offset: none !important;
outline-color: none !important;
}
#urlbar .urlbar-page-action,
#urlbar .urlbar-page-action,
#urlbar #tracking-protection-icon-container,
#urlbar:not([breakout-extend="true"]) #identity-box:is(:not(.chromeUI), [pageproxystate="invalid"]) #identity-icon-box {
border-radius: 999px;
@@ -63,7 +65,8 @@
background: var(--zen-colors-border) !important;
}
#urlbar:is([focused], [open]) > #urlbar-background, #searchbar:focus-within {
#urlbar:is([focused], [open])>#urlbar-background,
#searchbar:focus-within {
background: var(--urlbar-box-bgcolor);
}
@@ -79,7 +82,9 @@
border-radius: 20px 10px 10px 20px !important;
}
#urlbar:not([extend="true"]) #identity-box #identity-icon-box { position: relative; }
#urlbar:not([extend="true"]) #identity-box #identity-icon-box {
position: relative;
}
#urlbar:not([extend="true"]) #identity-box:is(:not(.chromeUI), [pageproxystate="invalid"]) #identity-icon-box {
margin-right: 5px;
@@ -141,7 +146,7 @@
height: calc(var(--urlbar-min-height) - 4 * var(--urlbar-container-padding)) !important;
}
#notification-popup-box > image {
#notification-popup-box>image {
margin: 0;
padding: 0;
}
@@ -166,3 +171,26 @@ button.popup-notification-dropmarker {
#downloadsHistory {
margin-top: 5px
}
@media (max-width: 550px) {
#urlbar-container {
width: calc(176px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding)));
}
#nav-bar[downloadsbuttonshown] #urlbar-container,
#nav-bar[unifiedextensionsbuttonshown] #urlbar-container {
width: calc(76px + 24px + 2 * var(--toolbarbutton-inner-padding));
}
#nav-bar[downloadsbuttonshown][unifiedextensionsbuttonshown] #urlbar-container {
width: 176px;
}
#identity-icon-box {
max-width: 70px;
}
#urlbar-zoom-button {
display: none;
}
}

9
src/browser/themes/shared/zen-icons/icons.css
View File

@@ -24,7 +24,7 @@
#zen-sidebar-web-panel-forward {
list-style-image: url("forward.svg") !important;
@media (max-width: 600px) {
@media (max-width: 650px) {
display: none;
}
}
@@ -33,7 +33,7 @@
#zen-sidebar-web-panel-reload {
list-style-image: url("reload.svg") !important;
@media (max-width: 650px) {
@media (max-width: 700px) {
display: none;
}
}
@@ -164,6 +164,11 @@
#appMenu-extensions-themes-button,
#unified-extensions-button {
list-style-image: url("extension.svg") !important;
@media (max-width: 700px) {
display: none;
}
}
#zoom-out-button,