uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Create flex layout for the popover tabs. #56

Browse Source
This commit is contained in:
Arpad Csanyi
2016-08-01 09:41:59 +02:00
parent 351296d22c
commit d591927840
2 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/popover/popover.component.html
View File

@@ -5,37 +5,37 @@
<li #keypress (click)="onListItemClick(0)">
<a class="menu-tabs--item">
<i class="fa fa-keyboard-o"></i>
Keypress
<span>Keypress</span>
</a>
</li>
<li #layer (click)="onListItemClick(1)">
<a class="menu-tabs--item">
<i class="fa fa-clone"></i>
Layer
<span>Layer</span>
</a>
</li>
<li #mouse (click)="onListItemClick(2)">
<a class="menu-tabs--item">
<i class="fa fa-mouse-pointer"></i>
Mouse
<span>Mouse</span>
</a>
</li>
<li #macro (click)="onListItemClick(3)">
<a class="menu-tabs--item">
<i class="fa fa-play"></i>
Macro
<span>Macro</span>
</a>
</li>
<li #keymap (click)="onListItemClick(4)">
<a class="menu-tabs--item">
<i class="fa fa-keyboard-o"></i>
Keymap
<span>Keymap</span>
</a>
</li>
<li #none (click)="onListItemClick(5)">
<a class="menu-tabs--item">
<i class="fa fa-ban"></i>
None
<span>None</span>
</a>
</li>
</ul>
@@ -55,4 +55,4 @@
<button class="btn btn-sm btn-primary" type="button" (click)="onRemapKey()"> Remap Key </button>
</div>
</div>
</div>
</div>

10
src/components/popover/popover.component.scss
View File

@@ -23,6 +23,16 @@
.nav-tabs {
position: relative;
top: 1px;
display: flex;
.menu-tabs--item {
display: flex;
align-items: center;
i {
margin-right: 0.25em;
}
}
}
}
}