ZenBrowserMirrors/zen-desktop
1
0
Fork 1
mirror of https://github.com/zen-browser/desktop.git synced 2025-07-08 01:19:59 +02:00
Code Releases Wiki Activity

feat(workspaces): add styling for workspace creation form and append it to tabpanels

Browse source
This commit is contained in:
mr. m 2025-03-24 18:58:03 +01:00
parent e4e92a463f
commit 56a703de46
No known key found for this signature in database
GPG key ID: 419302196C23B258
2 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/browser/base/content/zen-styles/zen-workspaces.css
View file

@ -489,3 +489,14 @@
#zen-current-workspace-indicator-container[hidden='true'] {
display: none !important;
}
#zen-workspace-create-form-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

4
src/browser/base/zen-components/ZenWorkspaces.mjs
View file

@ -2409,6 +2409,7 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
}
this._creatingNewWorkspace = true;
gNavToolbox.style.zIndex = -1;
document.getElementById('zen-sidebar-splitter').style.setProperty('min-width', 'var(--zen-element-separation)', 'important');
await Promise.all([
gZenUIManager.motion.animate(elementsToAnimate, {
transform: ['scale(1)', 'scale(0.8)'],
@ -2425,7 +2426,7 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
),
this.createAndSaveWorkspace()
]);
const form = window.MozXULElement.parseXULToFragment(`
this._createWorkspcaeForm = window.MozXULElement.parseXULToFragment(`
<hbox id="zen-workspace-create-form-wrapper">
<vbox id="zen-workspace-create-form">
<vbox>
@ -2441,5 +2442,6 @@ var ZenWorkspaces = new (class extends ZenMultiWindowFeature {
</vbox>
</hbox>
`);
gBrowser.tabpanels.appendChild(form);
}
})();