Fix main layout of the mouse action editor interface.

This commit is contained in:
Arpad Csanyi
2016-06-12 09:52:58 +02:00
parent 13229dc2b6
commit 9192996df3
2 changed files with 3 additions and 5 deletions

View File

@@ -2,7 +2,6 @@
display: flex;
.mouse-action {
flex: 1;
ul{
border-right: 1px solid #ccc;
li {
@@ -30,9 +29,8 @@
}
.details {
flex: 2;
.btn-placeholder {
visibility: hidden;
}
}
}
}

View File

@@ -9,7 +9,7 @@ import {MouseAction, MouseActionParam} from '../../../../config-serializer/confi
selector: 'mouse-tab',
template:
`
<div class="mouse-action">
<div class="mouse-action col-sm-4">
<ul class="nav nav-pills nav-stacked">
<li (click)="changePage(0)" [ngClass]="{active: selectedIndex===0}"><a> Move </a></li>
<li (click)="changePage(1)" [ngClass]="{active: selectedIndex===1}"><a> Scroll </a></li>
@@ -17,7 +17,7 @@ import {MouseAction, MouseActionParam} from '../../../../config-serializer/confi
<li (click)="changePage(3)" [ngClass]="{active: selectedIndex===3}"><a> Speed </a></li>
</ul>
</div>
<div class="details" [ngSwitch]="selectedIndex">
<div class="details col-sm-8" [ngSwitch]="selectedIndex">
<div *ngSwitchWhen="0" class="mouse__config mouse__config--move text-center">
<div class="row">
<button type="button" class="btn btn-default btn-lg"