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

Add dummy components (#113)

Browse Source
This commit is contained in:
Nejc Zdovc
2016-09-21 20:05:30 +02:00
committed by József Farkas
parent b4a7dbfb20
commit cc3bee4ab2
19 changed files with 122 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/side-menu/side-menu.component.html
View File

@@ -19,7 +19,7 @@
<li class="sidebar__level-1--item">
<div class="sidebar__level-1">
<i class="fa fa-play"></i> Macros
<a class="btn btn-default pull-right btn-sm" (click)="addMacro()">
<a [routerLink]="['/macro/add']" class="btn btn-default pull-right btn-sm">
<i class="fa fa-plus"></i>
</a>
<i class="fa fa-chevron-up pull-right" (click)="toggleHide($event, 'macro')"></i>
@@ -40,22 +40,22 @@
<ul [@toggler]="animation.addon">
<li class="sidebar__level-2--item" data-name="Key cluster" data-abbrev="">
<div class="sidebar__level-2">
<a href="#">Key cluster</a>
<a [routerLink]="['/add-on', 'Key cluster']">Key cluster</a>
</div>
</li>
<li class="sidebar__level-2--item" data-name="Trackball" data-abbrev="">
<div class="sidebar__level-2">
<a href="#">Trackball</a>
<a [routerLink]="['/add-on', 'Trackball']">Trackball</a>
</div>
</li>
<li class="sidebar__level-2--item" data-name="Toucpad" data-abbrev="">
<div class="sidebar__level-2">
<a href="#">Touchpad</a>
<a [routerLink]="['/add-on', 'Touchpad']">Touchpad</a>
</div>
</li>
<li class="sidebar__level-2--item" data-name="Trackpoint" data-abbrev="">
<div class="sidebar__level-2">
<a href="#">Trackpoint</a>
<a [routerLink]="['/add-on', 'Trackpoint']">Trackpoint</a>
</div>
</li>
</ul>
@@ -63,6 +63,8 @@
</ul>
<ul class="menu--bottom">
<li class="sidebar__level-1--item">
<div class="sidebar__level-1"><i class="fa fa-gear"></i> Settings</div>
<a class="sidebar__level-1" [routerLink]="['/settings']">
<i class="fa fa-gear"></i> Settings
</a>
</li>
</ul>

14
src/components/side-menu/side-menu.component.scss
View File

@@ -31,6 +31,7 @@ ul {
padding: 0.5rem 1rem;
font-size: 2rem;
line-height: 3rem;
cursor: default;
&:hover {
.fa-chevron-up,
@@ -59,6 +60,7 @@ ul {
position: relative;
top: 0.5rem;
display: none;
cursor: pointer;
}
}
@@ -81,6 +83,10 @@ ul {
}
}
&:hover {
cursor: pointer;
}
// General "right side" icon theming.
.fa.pull-right {
position: relative;
@@ -108,7 +114,6 @@ ul {
&__level-1,
&__level-2--item {
&:hover {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.05);
}
}
@@ -128,8 +133,13 @@ ul {
.sidebar {
&__level-1 {
background-color: transparent;
display: block;
padding: 1rem;
cursor: pointer;
&:hover {
text-decoration: none;
}
}
}
}