mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-14 13:56:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor ZenStartup and ZenUIManager to improve UI layout and remove console logs

Browse Source
This commit is contained in:
mauro-balades
2024-09-13 20:12:07 +02:00
parent 73e05b6582
commit 65b178e594
4 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/ZenStartup.mjs
View File

@@ -71,7 +71,7 @@
totalHeight -= tab.getBoundingClientRect().height; totalHeight -= tab.getBoundingClientRect().height;
} }
tabs.style.maxHeight = totalHeight + 'px'; tabs.style.maxHeight = totalHeight + 'px';
console.info('ZenThemeModifier: set tabs max-height to', totalHeight + 'px'); //console.info('ZenThemeModifier: set tabs max-height to', totalHeight + 'px');
const allTabs = document.getElementById('alltabs-button'); const allTabs = document.getElementById('alltabs-button');
allTabs.removeAttribute('hidden'); allTabs.removeAttribute('hidden');

1
src/browser/base/content/ZenUIManager.mjs
View File

@@ -71,7 +71,6 @@ var gZenVerticalTabsManager = {
}, },
_updateEvent() { _updateEvent() {
console.log('ZenThemeModifier: update event');
this._updateMaxWidth(); this._updateMaxWidth();
if (Services.prefs.getBoolPref('zen.view.sidebar-expanded')) { if (Services.prefs.getBoolPref('zen.view.sidebar-expanded')) {
this.navigatorToolbox.setAttribute('zen-expanded', 'true'); this.navigatorToolbox.setAttribute('zen-expanded', 'true');

2
src/browser/base/content/zen-components

Submodule src/browser/base/content/zen-components updated: 89f28b307d...4cedd84ac8

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

@@ -55,6 +55,10 @@
#zen-sidebar-icons-wrapper { #zen-sidebar-icons-wrapper {
background: transparent; background: transparent;
& toolbarbutton {
width: fit-content;
}
} }
#newtab-button-container { #newtab-button-container {
@@ -106,8 +110,9 @@
& #zen-sidebar-icons-wrapper { & #zen-sidebar-icons-wrapper {
display: grid; display: grid;
/* Make sure the icons take most of the space, smartly */ /* Make sure the icons take most of the space, smartly */
grid-template-columns: repeat(auto-fit, minmax(var(--collapsed-tab-width), auto)); grid-template-columns: repeat(auto-fit, minmax(34px, auto));
gap: 4px; gap: 4px;
justify-content: space-between;
padding-top: calc(var(--zen-toolbox-padding) * 2); padding-top: calc(var(--zen-toolbox-padding) * 2);
} }