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

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz 2020-12-09 18:32:11 +00:00
parent 5cf4752ad9
commit 91b9c424d8
3 changed files with 25 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
package-lock.json generated
View File

@ -1155,9 +1155,9 @@
} }
}, },
"@designestate/dees-element": { "@designestate/dees-element": {
"version": "1.0.9", "version": "1.0.10",
"resolved": "https://verdaccio.lossless.one/@designestate%2fdees-element/-/dees-element-1.0.9.tgz", "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-element/-/dees-element-1.0.10.tgz",
"integrity": "sha512-zea4bTPbCSoJFDDX24L4kK5FdC2snYODhA+fSJ70D9dh1um8mGeoJKZL8D6jbGPOnmHT//cML2vgNBGvs8UvIw==", "integrity": "sha512-aYVFBnXOn5oLno4A9eAAtBg90xTTiGI7ys7tYJ1DlGVxPFi3HJcUAMZskm6KCVaTxyhcSl2RQHpp4UqeFDtCQw==",
"requires": { "requires": {
"@designestate/dees-domtools": "^1.0.80", "@designestate/dees-domtools": "^1.0.80",
"@pushrocks/smartrx": "^2.0.19", "@pushrocks/smartrx": "^2.0.19",

2
package.json
View File

@ -14,7 +14,7 @@
"license": "UNLICENSED", "license": "UNLICENSED",
"dependencies": { "dependencies": {
"@designestate/dees-domtools": "^1.0.81", "@designestate/dees-domtools": "^1.0.81",
"@designestate/dees-element": "^1.0.9", "@designestate/dees-element": "^1.0.10",
"@gitzone/tsrun": "^1.2.12", "@gitzone/tsrun": "^1.2.12",
"@pushrocks/smartdelay": "^2.0.10", "@pushrocks/smartdelay": "^2.0.10",
"@pushrocks/smartexpress": "^3.0.98", "@pushrocks/smartexpress": "^3.0.98",

32
ts_web/elements/wcc-frame.ts
View File

@ -1,9 +1,9 @@
import { LitElement, property, html, customElement, TemplateResult } from 'lit-element'; import { DeesElement, property, html, customElement, TemplateResult } from '@designestate/dees-element';
import * as domtools from '@designestate/dees-domtools'; import * as domtools from '@designestate/dees-domtools';
@customElement('wcc-frame') @customElement('wcc-frame')
export class WccFrame extends LitElement { export class WccFrame extends DeesElement {
@property() @property()
public viewport: string; public viewport: string;
@ -12,7 +12,6 @@ export class WccFrame extends LitElement {
<style> <style>
:host { :host {
border: 10px solid #ffaeaf; border: 10px solid #ffaeaf;
background: #222;
position: absolute; position: absolute;
left: 200px; left: 200px;
right: 0px; right: 0px;
@ -55,14 +54,25 @@ export class WccFrame extends LitElement {
: html``} : html``}
min-height: 100%; min-height: 100%;
background: background:
radial-gradient(#444444 3px, transparent 4px), ${this.goBright ? `
radial-gradient(#444444 3px, transparent 4px), radial-gradient(#CCCCCC 3px, transparent 4px),
linear-gradient(#222222 4px, transparent 0), radial-gradient(#CCCCCC 3px, transparent 4px),
linear-gradient(45deg, transparent 74px, transparent 75px, #444444 75px, #444444 76px, transparent 77px, transparent 109px), linear-gradient(#eeeeee 4px, transparent 0),
linear-gradient(-45deg, transparent 75px, transparent 76px, #444444 76px, #444444 77px, transparent 78px, transparent 109px), linear-gradient(45deg, transparent 74px, transparent 75px, #CCCCCC 75px, #CCCCCC 76px, transparent 77px, transparent 109px),
#222222; linear-gradient(-45deg, transparent 75px, transparent 76px, #CCCCCC 76px, #CCCCCC 77px, transparent 78px, transparent 109px),
background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px; #eeeeee;
background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px; background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
` : `
radial-gradient(#444444 3px, transparent 4px),
radial-gradient(#444444 3px, transparent 4px),
linear-gradient(#222222 4px, transparent 0),
linear-gradient(45deg, transparent 74px, transparent 75px, #444444 75px, #444444 76px, transparent 77px, transparent 109px),
linear-gradient(-45deg, transparent 75px, transparent 76px, #444444 76px, #444444 77px, transparent 78px, transparent 109px),
#222222;
background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
`}
} }
</style> </style>
<div class="viewport"> <div class="viewport">