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

fix: responsiviness in both legacy and main mode

Browse Source
This commit is contained in:
mohvn
2024-09-05 11:45:35 -03:00
parent 7609e718af
commit 6e6aef15cb
2 changed files with 65 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -172,25 +172,52 @@ button.popup-notification-dropmarker {
margin-top: 5px
}
@media (max-width: 550px) {
#urlbar-container {
width: calc(176px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding)));
}
:root:not([zen-sidebar-legacy="true"]) {
@media (max-width: 650px) {
#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] #urlbar-container,
#nav-bar[unifiedextensionsbuttonshown] #urlbar-container {
width: calc(76px + 24px + 2 * var(--toolbarbutton-inner-padding));
}
#nav-bar[downloadsbuttonshown][unifiedextensionsbuttonshown] #urlbar-container {
width: 176px;
}
#nav-bar[downloadsbuttonshown][unifiedextensionsbuttonshown] #urlbar-container {
width: 176px;
}
#identity-icon-box {
max-width: 70px;
}
#identity-icon-box {
max-width: 70px;
}
#urlbar-zoom-button {
display: none;
#urlbar-zoom-button {
display: none;
}
}
}
:root[zen-sidebar-legacy="true"] {
@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;
}
}
}

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

@@ -20,8 +20,8 @@
}
#forward-button,
#zen-sidebar-web-panel-forward {
:root[zen-sidebar-legacy="true"] #forward-button,
:root[zen-sidebar-legacy="true"] #zen-sidebar-web-panel-forward {
list-style-image: url("forward.svg") !important;
@media (max-width: 650px) {
@@ -29,8 +29,26 @@
}
}
#reload-button,
#zen-sidebar-web-panel-reload {
:root:not([zen-sidebar-legacy="true"]) #forward-button,
:root:not([zen-sidebar-legacy="true"]) #zen-sidebar-web-panel-forward {
list-style-image: url("forward.svg") !important;
@media (max-width: 650px) {
display: none;
}
}
:root[zen-sidebar-legacy="true"] #reload-button,
:root[zen-sidebar-legacy="true"] #zen-sidebar-web-panel-reload {
list-style-image: url("reload.svg") !important;
@media (max-width: 650px) {
display: none;
}
}
:root:not([zen-sidebar-legacy="true"]) #reload-button,
:root:not([zen-sidebar-legacy="true"]) #zen-sidebar-web-panel-reload {
list-style-image: url("reload.svg") !important;
@media (max-width: 700px) {
@@ -164,11 +182,6 @@
#appMenu-extensions-themes-button,
#unified-extensions-button {
list-style-image: url("extension.svg") !important;
@media (max-width: 700px) {
display: none;
}
}
#zoom-out-button,