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