diff --git a/packages/common/styles.js b/packages/common/styles.js index f0fb64cf0df1e0ca6e3e710e654176de3d9b0fd7..1ee669cd4b3d4df790e01d1bb69b189a4377caac 100644 --- a/packages/common/styles.js +++ b/packages/common/styles.js @@ -889,6 +889,17 @@ export function getRadioAndCheckboxCss() { width: 10px; height: 19px; } + + .button-container input[type="checkbox"]:checked ~ .checkmark::after{ + top: 1px; + left: 6px; + width: 5px; + height: 11px; + } + + .button-container{ + line-height: 1em; + } } `; } diff --git a/packages/file-handling/src/file-sink.js b/packages/file-handling/src/file-sink.js index 296a4cb5f89a344f2abdbc4359abcbb1d0479c44..c568013c543dd665ab27086032f381eacf5f1505 100644 --- a/packages/file-handling/src/file-sink.js +++ b/packages/file-handling/src/file-sink.js @@ -82,15 +82,25 @@ export class FileSink extends ScopedElementsMixin(DbpFileHandlingLitElement) { this.updateComplete.then(() => { this._('nav.modal-nav').addEventListener('scroll', this.handleScroll.bind(this)); - this._('.right-paddle').addEventListener( - 'click', - this.handleScrollRight.bind(this, this._('nav.modal-nav')) - ); - - this._('.left-paddle').addEventListener( - 'click', - this.handleScrollLeft.bind(this, this._('nav.modal-nav')) - ); + + if(this.enabledTargets.split(',') > 1) { + console.log(this.enabledTargets.split(',')); + this._('.right-paddle').addEventListener( + 'click', + this.handleScrollRight.bind(this, this._('nav.modal-nav')) + ); + + this._('.left-paddle').addEventListener( + 'click', + this.handleScrollLeft.bind(this, this._('nav.modal-nav')) + ); + } else { + const paddles = this._('.paddles'); + if(paddles) { + paddles.classList.add('hidden'); + } + } + }); } diff --git a/packages/file-handling/src/file-source.js b/packages/file-handling/src/file-source.js index d667ff685394ae09cb5075a44baa13a45fe02b8b..6407d30faf62409833ea60fd9713a85af38aa2f0 100644 --- a/packages/file-handling/src/file-source.js +++ b/packages/file-handling/src/file-source.js @@ -156,15 +156,24 @@ export class FileSource extends ScopedElementsMixin(DbpFileHandlingLitElement) { this._('nav.modal-nav').addEventListener('scroll', this.handleScroll.bind(this)); - this._('.right-paddle').addEventListener( - 'click', - this.handleScrollRight.bind(this, this._('nav.modal-nav')) - ); + if(this.enabledTargets.split(',').length > 1) { + console.log(this.enabledTargets.split(',')); + this._('.right-paddle').addEventListener( + 'click', + this.handleScrollRight.bind(this, this._('nav.modal-nav')) + ); + + this._('.left-paddle').addEventListener( + 'click', + this.handleScrollLeft.bind(this, this._('nav.modal-nav')) + ); + } else { + const paddles = this._('.paddles'); + if(paddles) { + paddles.classList.add('hidden'); + } + } - this._('.left-paddle').addEventListener( - 'click', - this.handleScrollLeft.bind(this, this._('nav.modal-nav')) - ); }); } @@ -678,6 +687,10 @@ export class FileSource extends ScopedElementsMixin(DbpFileHandlingLitElement) { .paddles { display: inherit; } + + .paddles.hidden { + display: none + } } `; }