diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index f969a57..0135794 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@designestate/dees-catalog', - version: '1.0.102', + version: '1.0.103', description: 'website for lossless.com' } diff --git a/ts_web/elements/dees-input-fileupload.ts b/ts_web/elements/dees-input-fileupload.ts index 05840f9..edbbcdc 100644 --- a/ts_web/elements/dees-input-fileupload.ts +++ b/ts_web/elements/dees-input-fileupload.ts @@ -19,7 +19,7 @@ declare global { @customElement('dees-input-fileupload') export class DeesInputFileupload extends DeesElement { - public static demo = () => html``; + public static demo = () => html``; // INSTANCE public changeSubject = new domtools.rxjs.Subject(); @@ -73,6 +73,7 @@ export class DeesInputFileupload extends DeesElement { .maincontainer { color: ${cssManager.bdTheme('#333', '#ccc')}; + } .label { @@ -89,6 +90,12 @@ export class DeesInputFileupload extends DeesElement { border-radius: 3px; text-align: center; } + + .uploadButton:hover { + color: #fff; + background: rgb(3, 155, 229); + } + .uploadButton::after { top: 2px; right: 2px; @@ -109,10 +116,16 @@ export class DeesInputFileupload extends DeesElement { .uploadCandidate { text-align: left; border-bottom: 1px dashed #444; - color: #fff; + color: ${cssManager.bdTheme('#666', '#ccc')}; padding: 8px; font-family: 'Roboto Mono'; } + + .uploadButton:hover .uploadCandidate { + color: ${cssManager.bdTheme('#fff', '#fff')}; + border-bottom: 1px dashed #fff; + } + .uploadCandidate:last-child { margin-bottom: 8px; } diff --git a/ts_web/elements/dees-preview.ts b/ts_web/elements/dees-preview.ts new file mode 100644 index 0000000..e69de29