overflow_scanner/app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

menu

Browse Source
This commit is contained in:
sunny 2018-08-17 15:51:25 +09:00
parent 162a5992eb
commit 935dbf89fd
2 changed files with 86 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
@overflow/commons/ui/component/menu/menu-bar.component.html
View File

@ -1,6 +1,86 @@
<p-menubar [model]="items" [autoDisplay]="false"> <div id="app-menu-bar" role="menubar" aria-label="Application menu">
<div> <div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
<input type="text" pInputText placeholder="Search"> <div class="toolbar-button">
<button pButton label="Logout" icon="fa fa-sign-out" style="margin-left:.25em"></button> <button class="button-component" type="button" tabindex="-1">
<div class="menu-item">
<div class="label">
<span aria-label="File">
<span aria-hidden="true" class="access-key">F</span>
<span aria-hidden="true">ile</span>
</span>
</div>
</div>
</button>
</div>
</div> </div>
</p-menubar> <div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
<div class="toolbar-button">
<button class="button-component" type="button" tabindex="-1">
<div class="menu-item">
<div class="label">
<span aria-label="Edit">
<span aria-hidden="true" class="access-key">E</span>
<span aria-hidden="true">dit</span>
</span>
</div>
</div>
</button>
</div>
</div>
<div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
<div class="toolbar-button">
<button class="button-component" type="button" tabindex="-1">
<div class="menu-item">
<div class="label">
<span aria-label="View">
<span aria-hidden="true" class="access-key">V</span>
<span aria-hidden="true">iew</span>
</span>
</div>
</div>
</button>
</div>
</div>
<div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
<div class="toolbar-button">
<button class="button-component" type="button" tabindex="-1">
<div class="menu-item">
<div class="label">
<span aria-label="Repository">
<span aria-hidden="true" class="access-key">R</span>
<span aria-hidden="true">epository</span>
</span>
</div>
</div>
</button>
</div>
</div>
<div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
<div class="toolbar-button">
<button class="button-component" type="button" tabindex="-1">
<div class="menu-item">
<div class="label">
<span aria-label="Branch">
<span aria-hidden="true" class="access-key">B</span>
<span aria-hidden="true">ranch</span>
</span>
</div>
</div>
</button>
</div>
</div>
<div class="toolbar-dropdown closed" role="menuitem" aria-expanded="false">
<div class="toolbar-button">
<button class="button-component" type="button" tabindex="-1">
<div class="menu-item">
<div class="label">
<span aria-label="Help">
<span aria-hidden="true" class="access-key">H</span>
<span aria-hidden="true">elp</span>
</span>
</div>
</div>
</button>
</div>
</div>
</div>

1
src/assets/scss/styles/component/window/_app-menu-bar.scss
View File

@ -1,5 +1,6 @@
#app-menu-bar { #app-menu-bar {
display: flex; display: flex;
height: 100%;
.toolbar-button > button { .toolbar-button > button {
padding: 0 var(--spacing); padding: 0 var(--spacing);