f.spilla/nx-primeng-sakai-v17
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add keyboard event listener and remove unnecessary css

Browse Source
This commit is contained in:
Çetin 2021-12-31 15:33:33 +03:00
parent 6c161a69ba
commit f4cba14d91
3 changed files with 1 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/app.menu.component.ts
View File

@ -5,7 +5,7 @@ import { AppComponent } from './app.component';
selector: 'app-menu',
template: `
<div class="layout-menu-container">
<ul class="layout-menu" role="menu">
<ul class="layout-menu" role="menu" (keydown)="onKeydown($event)">
<li app-menu class="layout-menuitem-category" *ngFor="let item of model; let i = index;" [item]="item" [index]="i" [root]="true" role="none">
<div class="layout-menuitem-root-text" [attr.aria-label]="item.label">{{item.label}}</div>
<ul role="menu">

78
src/assets/demo/badges.css
View File

@ -1,78 +0,0 @@
.product-badge {
border-radius: var(--border-radius);
padding: 0.25em 0.5rem;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.3px;
}
.product-badge.status-instock {
background: #C8E6C9;
color: #256029;
}
.product-badge.status-outofstock {
background: #FFCDD2;
color: #C63737;
}
.product-badge.status-lowstock {
background: #FEEDAF;
color: #8A5340;
}
.customer-badge {
border-radius: var(--border-radius);
padding: 0.25em 0.5rem;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.3px;
}
.customer-badge.status-qualified {
background: #C8E6C9;
color: #256029;
}
.customer-badge.status-unqualified {
background: #FFCDD2;
color: #C63737;
}
.customer-badge.status-negotiation {
background: #FEEDAF;
color: #8A5340;
}
.customer-badge.status-new {
background: #B3E5FC;
color: #23547B;
}
.customer-badge.status-renewal {
background: #ECCFFF;
color: #694382;
}
.customer-badge.status-proposal {
background: #FFD8B2;
color: #805B36;
}
.order-badge {
border-radius: var(--border-radius);
padding: 0.25em 0.5rem;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.3px;
}
.order-badge.order-delivered {
background: #C8E6C9;
color: #256029;
}
.order-badge.order-cancelled {
background: #FFCDD2;
color: #C63737;
}
.order-badge.order-pending {
background: #FEEDAF;
color: #8A5340;
}
.order-badge.order-returned {
background: #ECCFFF;
color: #694382;
}

25
src/assets/demo/documentation.css
View File

@ -1,25 +0,0 @@
pre[class*=language-]:before, pre[class*=language-]:after {
display: none !important;
}
pre[class*=language-] code {
border-left: 6px solid var(--surface-border) !important;
box-shadow: none !important;
background: var(--surface-ground) !important;
margin: 1em 0;
color: var(--text-color);
font-size: 14px;
}
i:not([class~=pi]) {
background-color: transparent;
color: #2196f3;
font-family: Monaco, courier, monospace;
font-style: normal;
font-size: 12px;
font-weight: 500;
padding: 0 4px;
letter-spacing: 0.5px;
font-weight: 600;
margin: 0 2px;
display: inline-flex;
}