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

fix(core): update

Browse Source
This commit is contained in:
Philipp Kunz
2023-09-20 18:57:54 +02:00
parent 508b18bc3b
commit 806390a068
4 changed files with 93 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
ts_web/elements/dees-dataview-codebox.ts
View File

@ -1,4 +1,4 @@
import { demoFunc } from './dees-dataview-codebox.demo.js';
import { demoFunc } from './dees-dataview-codebox.demo.js';
import {
DeesElement,
html,
@ -6,6 +6,7 @@ import {
type TemplateResult,
property,
state,
cssManager,
} from '@design.estate/dees-element';
import hlight from 'highlight.js';
@ -13,6 +14,7 @@ import hlight from 'highlight.js';
import * as smartstring from '@push.rocks/smartstring';
import * as domtools from '@design.estate/dees-domtools';
import { DeesContextmenu } from './dees-contextmenu.js';
declare global {
interface HTMLElementTagNameMap {
@ -58,11 +60,11 @@ export class DeesDataviewCodebox extends DeesElement {
}
.appbar {
color: ${cssManager.bdTheme('#333', '#ccc')};
background: ${cssManager.bdTheme('#ffffff', '#161616')};
border-bottom: 1px solid ${cssManager.bdTheme('#eeeeeb', '#222222')};
height: 24px;
background: #161616;
border-bottom: 1px solid #222222;
font-size: 12px;
color: #CCC;
font-family: 'Hubot Sans', 'monospace';
line-height: 24px;
}
@ -88,15 +90,15 @@ export class DeesDataviewCodebox extends DeesElement {
}
.appbar .macControls div.close {
background: #FF5F57;
background: #ff5f57;
}
.appbar .macControls div.toDock {
background: #FFBD2E;
background: #ffbd2e;
}
.appbar .macControls div.minMax {
background: #27C93F;
background: #27c93f;
}
.appbar .macControls div:hover {
@ -108,11 +110,11 @@ export class DeesDataviewCodebox extends DeesElement {
}
.bottomBar {
color: ${cssManager.bdTheme('#333', '#ccc')};
background: ${cssManager.bdTheme('#ffffff', '#161616')};
border-top: 1px solid ${cssManager.bdTheme('#eeeeeb', '#222222')};
height: 24px;
background: #161616;
border-top: 1px solid #222222;
font-size: 12px;
color: #888;
font-family: 'Hubot Sans', 'monospace';
line-height: 24px;
text-align: right;
@ -120,7 +122,7 @@ export class DeesDataviewCodebox extends DeesElement {
}
.languageLabel {
color: #ccc;
color: ${cssManager.bdTheme('#333', '#ccc')};
font-size: 12px;
line-height: 24px;
z-index: 10;
@ -143,7 +145,6 @@ export class DeesDataviewCodebox extends DeesElement {
}
.lineNumbers {
color: ${this.goBright ? '#acacac' : '#666666'};
padding: 30px 16px 0px 0px;
text-align: right;
@ -194,7 +195,20 @@ export class DeesDataviewCodebox extends DeesElement {
color: ${this.goBright ? '#EF9300' : '#ffd765'};
}
</style>
<div class="mainbox">
<div
class="mainbox"
@contextmenu="${(eventArg) => {
DeesContextmenu.openContextMenuWithOptions(eventArg, [
{
name: 'About',
iconName: 'circleInfo',
action: async () => {
return null;
},
},
]);
}}"
>
<div class="appbar">
<div class="macControls">
<div class="close"></div>