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

update

Browse Source
This commit is contained in:
Jürgen Kunz
2025-11-30 23:39:04 +00:00
parent 997520f3ba
commit caa954a539
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pnpm-workspace.yaml
View File

@@ -1,4 +0,0 @@
onlyBuiltDependencies:
- esbuild
- mongodb-memory-server
- puppeteer

10
ts_web/elements/dees-stepper/dees-stepper.ts
View File

@@ -60,7 +60,6 @@ export class DeesStepper extends DeesElement {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: ${cssManager.bdTheme('#eeeeeb', '#000')};
overflow: hidden; overflow: hidden;
} }
@@ -86,7 +85,6 @@ export class DeesStepper extends DeesElement {
.step.selected { .step.selected {
pointer-events: all; pointer-events: all;
filter: opacity(1) saturate(1); filter: opacity(1) saturate(1);
transform: translateY(-6px);
border: 1px solid ${cssManager.bdTheme(colors.dark.blue, colors.dark.blue)}; border: 1px solid ${cssManager.bdTheme(colors.dark.blue, colors.dark.blue)};
box-shadow: ${cssManager.bdTheme('0 28px 60px -30px rgba(15, 23, 42, 0.42)', '0 26px 55px -28px rgba(37, 99, 235, 0.6)')}; box-shadow: ${cssManager.bdTheme('0 28px 60px -30px rgba(15, 23, 42, 0.42)', '0 26px 55px -28px rgba(37, 99, 235, 0.6)')};
user-select: auto; user-select: auto;
@@ -94,6 +92,9 @@ export class DeesStepper extends DeesElement {
.step.hiddenStep { .step.hiddenStep {
filter: opacity(0); filter: opacity(0);
}
.step.entrance.hiddenStep {
transform: translateY(16px); transform: translateY(16px);
} }
@@ -179,7 +180,7 @@ export class DeesStepper extends DeesElement {
? 'selected' ? 'selected'
: null} ${this.getIndexOfStep(stepArg) > this.getIndexOfStep(this.selectedStep) : null} ${this.getIndexOfStep(stepArg) > this.getIndexOfStep(this.selectedStep)
? 'hiddenStep' ? 'hiddenStep'
: ''}" : ''} ${this.getIndexOfStep(stepArg) === 0 ? 'entrance' : ''}"
> >
${this.getIndexOfStep(stepArg) > 0 ${this.getIndexOfStep(stepArg) > 0
? html`<div class="goBack" @click=${this.goBack}><span style="font-family: Inter"><-</span> go to previous step</div>` ? html`<div class="goBack" @click=${this.goBack}><span style="font-family: Inter"><-</span> go to previous step</div>`
@@ -205,6 +206,9 @@ export class DeesStepper extends DeesElement {
await this.domtools.convenience.smartdelay.delayFor(0); await this.domtools.convenience.smartdelay.delayFor(0);
this.selectedStep = this.steps[0]; this.selectedStep = this.steps[0];
this.setScrollStatus(); this.setScrollStatus();
// Remove entrance class after initial animation completes
await this.domtools.convenience.smartdelay.delayFor(350);
this.shadowRoot.querySelector('.step.entrance')?.classList.remove('entrance');
} }
public async updated() { public async updated() {