design.estate/dees-catalog
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2024-01-22 19:40:08 +01:00
parent eebe898dcc
commit 2d3fd74333
2 changed files with 31 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ts_web/00_commitinfo_data.ts
View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@design.estate/dees-catalog', name: '@design.estate/dees-catalog',
version: '1.0.272', version: '1.0.273',
description: 'website for lossless.com' description: 'website for lossless.com'
} }

57
ts_web/elements/dees-simple-appdash.ts
View File

@ -45,6 +45,16 @@ export class DeesSimpleAppDash extends DeesElement {
position: relative; position: relative;
height: 100%; height: 100%;
} }
.maincontainer {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
overflow: hidden;
}
.appbar { .appbar {
position: fixed; position: fixed;
top: 0; top: 0;
@ -87,14 +97,6 @@ export class DeesSimpleAppDash extends DeesElement {
background: ${cssManager.bdTheme('#eeeeeb', '#000')}; background: ${cssManager.bdTheme('#eeeeeb', '#000')};
} }
.slotted {
top: 0px;
left: 0px;
position: absolute;
height: 100%;
width: 100%;
}
.controlbar { .controlbar {
color: #fff; color: #fff;
position: absolute; position: absolute;
@ -121,24 +123,24 @@ export class DeesSimpleAppDash extends DeesElement {
public render(): TemplateResult { public render(): TemplateResult {
return html` return html`
<div class="appbar"> <div class="maincontainer">
<div class="appName">${this.name}</div> <div class="appbar">
<div class="viewTabs"></div> <div class="appName">${this.name}</div>
<div class="appActions"> <div class="viewTabs"></div>
<div class="action">Logout</div> <div class="appActions">
<div class="action">Logout</div>
</div>
</div> </div>
</div> <div class="appcontent">
<div class="appcontent">
<div class="slotted">
<slot></slot> <slot></slot>
</div> </div>
</div> <div class="controlbar">
<div class="controlbar"> <div class="control">
<div class="control"> <dees-icon .iconFA=${'networkWired'}></dees-icon>
<dees-icon .iconFA=${'networkWired'}></dees-icon> </div>
</div> <div class="control" @click=${this.launchTerminal}>
<div class="control" @click=${this.launchTerminal}> <dees-icon .iconFA=${'terminal'}></dees-icon>
<dees-icon .iconFA=${'terminal'}></dees-icon> </div>
</div> </div>
</div> </div>
`; `;
@ -150,17 +152,18 @@ export class DeesSimpleAppDash extends DeesElement {
} }
public async launchTerminal() { public async launchTerminal() {
const appcontent = this.shadowRoot.querySelector('.appcontent'); const maincontainer = this.shadowRoot.querySelector('.maincontainer');
const terminal = new DeesTerminal(); const terminal = new DeesTerminal();
maincontainer.appendChild(terminal);
terminal.style.position = 'absolute'; terminal.style.position = 'absolute';
terminal.style.top = '0px'; terminal.style.zIndex = '1';
terminal.style.top = '32px';
terminal.style.left = '0px'; terminal.style.left = '0px';
terminal.style.right = '0px'; terminal.style.right = '0px';
terminal.style.bottom = '0px'; terminal.style.bottom = '24px';
terminal.style.opacity = '0'; terminal.style.opacity = '0';
terminal.style.transform = 'translateY(20px)'; terminal.style.transform = 'translateY(20px)';
terminal.style.transition = 'all 0.2s'; terminal.style.transition = 'all 0.2s';
appcontent.appendChild(terminal);
await domtools.plugins.smartdelay.delayFor(0); await domtools.plugins.smartdelay.delayFor(0);
terminal.style.opacity = '1'; terminal.style.opacity = '1';
terminal.style.transform = 'translateY(0px)'; terminal.style.transform = 'translateY(0px)';