fix(core): update

This commit is contained in:
Philipp Kunz 2022-05-26 18:07:02 +02:00
parent 6a6f3b1907
commit 6a8a4aa4d2
5 changed files with 66 additions and 27 deletions

View File

@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@designestate/dees-catalog', name: '@designestate/dees-catalog',
version: '1.0.87', version: '1.0.88',
description: 'website for lossless.com' description: 'website for lossless.com'
} }

View File

@ -0,0 +1,53 @@
import {
cssManager,
customElement,
DeesElement,
html,
TemplateResult,
css,
state,
property
} from '@designestate/dees-element';
@customElement('dees-button-exit')
export class DeesButtonExit extends DeesElement {
// DEMO
public static demo = () => html`
<dees-button-exit></dees-button-exit>
`;
// INSTANCE
@property({
type: Number
})
public size: number = 20;
public styles = [
cssManager.defaultStyles,
css`
`
]
public render (): TemplateResult {
return html`
<style>
.maincontainer {
position: relative;
width: ${this.size}px;
height: ${this.size}px;
}
.firstLine {
position: absolute;
}
.secondLine {
position: absolute;
}
</style>
<div class="maincontainer">
<div class="firstLine"></div>
<div class="secondLine"></div>
</div>
`;
}
}

View File

@ -104,24 +104,25 @@ export class DeesTable<T> extends DeesElement {
cssManager.defaultStyles, cssManager.defaultStyles,
css` css`
.mainbox { .mainbox {
color: #fff; color: ${cssManager.bdTheme('#333', '#fff')};
font-family: Roboto Mono; font-family: Roboto Mono;
padding: 20px; padding: 20px;
display: block; display: block;
width: 100%; width: 100%;
min-height: 50px; min-height: 50px;
background: #393939; background: ${cssManager.bdTheme('#fafafa', '#333333')};
border-radius: 3px; border-radius: 3px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
} }
.headingSeparation { .headingSeparation {
margin-top: 7px; margin-top: 7px;
border-bottom: 1px solid #bcbcbc; border-bottom: 1px solid ${cssManager.bdTheme('#bcbcbc', '#bcbcbc')};
} }
table, table,
.noDataSet { .noDataSet {
margin-top: 20px; margin-top: 20px;
color: #fff; color: ${cssManager.bdTheme('#333', '#fff')};
border-collapse: collapse; border-collapse: collapse;
width: 100%; width: 100%;
} }
@ -129,7 +130,7 @@ export class DeesTable<T> extends DeesElement {
text-align: center; text-align: center;
} }
tr { tr {
border-bottom: 1px dashed #808080; border-bottom: 1px dashed ${cssManager.bdTheme('#999', '#808080')};
text-align: left; text-align: left;
} }
tr:last-child { tr:last-child {
@ -140,7 +141,7 @@ export class DeesTable<T> extends DeesElement {
cursor: pointer; cursor: pointer;
} }
tr:hover .innerCellContainer { tr:hover .innerCellContainer {
background: #ffffff10; background: ${cssManager.bdTheme('#22222210', '#ffffff20')};
} }
tr:first-child:hover { tr:first-child:hover {
cursor: auto; cursor: auto;
@ -149,7 +150,7 @@ export class DeesTable<T> extends DeesElement {
background: none; background: none;
} }
tr.selected .innerCellContainer { tr.selected .innerCellContainer {
background: #ffffff20 background: ${cssManager.bdTheme('#22222220', '#ffffff20')};
} }
th { th {
text-transform: uppercase; text-transform: uppercase;
@ -157,7 +158,7 @@ export class DeesTable<T> extends DeesElement {
th, th,
td { td {
padding: 3px 0px; padding: 3px 0px;
border-right: 1px dashed #808080; border-right: 1px dashed ${cssManager.bdTheme('#999', '#808080')};
} }
.innerCellContainer { .innerCellContainer {
padding: 7px 10px; padding: 7px 10px;
@ -178,8 +179,8 @@ export class DeesTable<T> extends DeesElement {
.tableStatistics { .tableStatistics {
padding: 5px 20px; padding: 5px 20px;
font-size: 14px; font-size: 14px;
color: #ffffff90; color: ${cssManager.bdTheme('#111', '#ffffff90')};
background: #00000050; background: ${cssManager.bdTheme('#00000020', '#00000050')};
margin: 20px -20px -20px -20px; margin: 20px -20px -20px -20px;
} }
`, `,

View File

@ -1,3 +1,4 @@
export * from './dees-button-exit.js';
export * from './dees-button.js'; export * from './dees-button.js';
export * from './dees-chips.js'; export * from './dees-chips.js';
export * from './dees-form.js'; export * from './dees-form.js';

View File

@ -1,16 +0,0 @@
{
"compilerOptions": {
"target": "es2017",
"module": "es2015",
"moduleResolution": "node",
"lib": ["es2017", "dom"],
"declaration": true,
"inlineSources": true,
"inlineSourceMap": true,
"noUnusedLocals": true,
"noFallthroughCasesInSwitch": true,
"outDir": "dist/",
"skipLibCheck": true,
"experimentalDecorators": true
}
}