mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-05 17:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed extra width on right side compact mode and sidebar toolbar being hidden in fullscreen mode

Browse Source
This commit is contained in:
mauro-balades
2024-09-25 17:49:15 +02:00
parent e9f938fb4b
commit 71c20bdf98
4 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/base/content/zen-sidebar-panel.inc.xhtml
View File

@@ -1,6 +1,6 @@
<hbox id="zen-sidebar-web-panel-wrapper"> <hbox id="zen-sidebar-web-panel-wrapper">
<box id="zen-sidebar-web-panel" class="chromeclass-extrachrome" hidden="true" persist="pinned style hidden"> <box id="zen-sidebar-web-panel" class="chromeclass-extrachrome" hidden="true" persist="pinned style hidden">
<toolbar mode="icons" flex="1" id="zen-sidebar-web-header"> <toolbar mode="icons" flex="1" id="zen-sidebar-web-header" fullscreentoolbar="true">
<hbox> <hbox>
<toolbarbutton id="zen-sidebar-web-panel-back" class="toolbarbutton-1 chromeclass-toolbar-additional" oncommand="gZenBrowserManagerSidebar.back();"/> <toolbarbutton id="zen-sidebar-web-panel-back" class="toolbarbutton-1 chromeclass-toolbar-additional" oncommand="gZenBrowserManagerSidebar.back();"/>
<toolbarbutton id="zen-sidebar-web-panel-forward" class="toolbarbutton-1 chromeclass-toolbar-additional" oncommand="gZenBrowserManagerSidebar.forward();"/> <toolbarbutton id="zen-sidebar-web-panel-forward" class="toolbarbutton-1 chromeclass-toolbar-additional" oncommand="gZenBrowserManagerSidebar.forward();"/>
@@ -20,8 +20,8 @@
<html:p data-l10n-id="zen-sidebar-introduction-description"/> <html:p data-l10n-id="zen-sidebar-introduction-description"/>
</vbox> </vbox>
</vbox> </vbox>
<toolbar mode="icons" flex="1" id="zen-sidebar-panels-wrapper" class="zen-dont-hide-on-fullscreen"> <toolbar mode="icons" flex="1" id="zen-sidebar-panels-wrapper" fullscreentoolbar="true">
<toolbar mode="icons" flex="1" id="zen-sidebar-panels-sites" class="zen-dont-hide-on-fullscreen"> <toolbar mode="icons" flex="1" id="zen-sidebar-panels-sites" fullscreentoolbar="true">
</toolbar> </toolbar>
<toolbarbutton id="zen-sidebar-add-panel-button" class="zen-sidebar-panel-button toolbarbutton-1 chromeclass-toolbar-additional" onclick="gZenBrowserManagerSidebar._openAddPanelDialog();"/> <toolbarbutton id="zen-sidebar-add-panel-button" class="zen-sidebar-panel-button toolbarbutton-1 chromeclass-toolbar-additional" onclick="gZenBrowserManagerSidebar._openAddPanelDialog();"/>

4
src/browser/base/content/zen-styles/zen-browser-ui.css
View File

@@ -33,10 +33,6 @@
width: 100%; width: 100%;
} }
:root:not([inDOMFullscreen='true']) #appcontent {
overflow: hidden;
}
:root:not([inDOMFullscreen='true']) #appcontent, :root:not([inDOMFullscreen='true']) #appcontent,
#sidebar-box { #sidebar-box {
/** Sidebar is already hidden in full screen mode */ /** Sidebar is already hidden in full screen mode */

3
src/browser/base/content/zen-styles/zen-sidebar-panels.css
View File

@@ -84,7 +84,8 @@
border-radius: var(--zen-panel-radius); border-radius: var(--zen-panel-radius);
overflow: hidden; overflow: hidden;
transition: all 0.02s; transition: all 0.02s;
box-shadow: 0 0 1px 1px var(--zen-colors-border); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
border: 1px solid var(--zen-colors-border);
background: var(--zen-colors-tertiary); background: var(--zen-colors-tertiary);
opacity: 0; opacity: 0;
animation-delay: 0.1s; animation-delay: 0.1s;

3
src/browser/components/preferences/zen-settings.js
View File

@@ -669,11 +669,12 @@ var zenMissingKeyboardShortcutL10n = {
var gZenCKSSettings = { var gZenCKSSettings = {
async init() { async init() {
document.getElementById(ZEN_CKS_WRAPPER_ID).innerHTML = '';
await this._initializeCKS();
if (this.__hasInitialized) return; if (this.__hasInitialized) return;
this.__hasInitialized = true; this.__hasInitialized = true;
this._currentActionID = null; this._currentActionID = null;
this._initializeEvents(); this._initializeEvents();
await this._initializeCKS();
}, },
_initializeEvents() { _initializeEvents() {