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

update

Browse Source
This commit is contained in:
Jürgen Kunz
2025-12-11 14:48:22 +00:00
parent 7bcbacc85f
commit 79db99e919
3 changed files with 67 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
ts_web/elements/viewer.ts
View File

@@ -316,6 +316,12 @@ export class DeDocumentViewer extends DeesElement {
margin-right: 4px;
}
.spacing-presets {
display: flex;
align-items: center;
gap: 2px;
}
.spacing-slider-container {
display: flex;
align-items: center;
@@ -393,6 +399,36 @@ export class DeDocumentViewer extends DeesElement {
align-items: center;
}
`,
// Tablet styles
cssManager.cssForTablet(css`
.zoom-slider-container {
display: none;
}
.spacing-slider-container {
display: none;
}
`),
// Phone styles
cssManager.cssForPhone(css`
.zoom-slider-container {
display: none;
}
.spacing-label {
display: none;
}
.spacing-presets {
display: none;
}
.controls__divider {
display: none;
}
.controls {
padding: 0 8px;
}
.controls__section {
gap: 2px;
}
`),
];
public render(): TemplateResult {
@@ -486,17 +522,19 @@ export class DeDocumentViewer extends DeesElement {
<span class="spacing-label">Spacing</span>
<!-- Spacing Presets -->
${SPACING_PRESETS.map(
(preset) => html`
<button
class="controls__button ${this.pageGap === preset.value ? "controls__button--active" : ""}"
@click=${() => this.handleSpacingPreset(preset.value)}
title="${preset.label} (${preset.value}px)"
>
<dees-icon icon="${preset.icon}"></dees-icon>
</button>
`
)}
<div class="spacing-presets">
${SPACING_PRESETS.map(
(preset) => html`
<button
class="controls__button ${this.pageGap === preset.value ? "controls__button--active" : ""}"
@click=${() => this.handleSpacingPreset(preset.value)}
title="${preset.label} (${preset.value}px)"
>
<dees-icon icon="${preset.icon}"></dees-icon>
</button>
`
)}
</div>
<div class="controls__divider"></div>