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

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

View file

@ -489,3 +489,14 @@
#zen-current-workspace-indicator-container[hidden='true'] { #zen-current-workspace-indicator-container[hidden='true'] {
display: none !important; 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;
}

View file

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