fix(core): update
This commit is contained in:
@ -6,9 +6,6 @@ export type TElementType = 'element' | 'page';
|
||||
|
||||
@customElement('wcc-sidebar')
|
||||
export class WccSidebar extends DeesElement {
|
||||
@property({type: Array})
|
||||
public websites: string[] = [];
|
||||
|
||||
@property({ attribute: false })
|
||||
public selectedItem: DeesElement | (() => TemplateResult);
|
||||
|
||||
@ -26,6 +23,7 @@ export class WccSidebar extends DeesElement {
|
||||
display: block;
|
||||
border-right: 1px solid #999;
|
||||
font-family: 'Roboto', 'Inter', sans-serif;
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
@ -54,20 +52,6 @@ export class WccSidebar extends DeesElement {
|
||||
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
|
||||
}
|
||||
|
||||
.heading {
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
margin: 20px 5px 5px 5px;
|
||||
}
|
||||
|
||||
.heading a {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.subheading {
|
||||
text-align: center;
|
||||
}
|
||||
.selectOption {
|
||||
position: relative;
|
||||
line-height: 24px;
|
||||
@ -112,17 +96,7 @@ export class WccSidebar extends DeesElement {
|
||||
|
||||
|
||||
</style>
|
||||
<div class="heading">
|
||||
<a href="https://gitlab.com/designestate/dees-wcctools" target="_blank">wcctools</a>
|
||||
</div>
|
||||
<div class="subheading">
|
||||
by Lossless GmbH
|
||||
</div>
|
||||
<div class="menu">
|
||||
<h3>Live Websites</h3>
|
||||
${this.websites.map(website => {
|
||||
return html`<div class="selectOption"><i class="material-symbols-outlined">ondemand_video</i><div class="text">${website}</div></div>`;
|
||||
})}
|
||||
<h3>Pages</h3>
|
||||
${(() => {
|
||||
const pages = Object.keys(this.dashboardRef.pages);
|
||||
@ -161,7 +135,7 @@ export class WccSidebar extends DeesElement {
|
||||
`;
|
||||
});
|
||||
})()}
|
||||
</menu>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user