forked from ZenBrowserMirrors/zen-desktop
feat(workspaces): add styling for workspace creation form and append it to tabpanels
This commit is contained in:
parent
e4e92a463f
commit
56a703de46
2 changed files with 14 additions and 1 deletions
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
})();
|
})();
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue