Fix main layout of the mouse action editor interface.
This commit is contained in:
@@ -2,7 +2,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.mouse-action {
|
.mouse-action {
|
||||||
flex: 1;
|
|
||||||
ul{
|
ul{
|
||||||
border-right: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
||||||
li {
|
li {
|
||||||
@@ -30,9 +29,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.details {
|
.details {
|
||||||
flex: 2;
|
|
||||||
.btn-placeholder {
|
.btn-placeholder {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ import {MouseAction, MouseActionParam} from '../../../../config-serializer/confi
|
|||||||
selector: 'mouse-tab',
|
selector: 'mouse-tab',
|
||||||
template:
|
template:
|
||||||
`
|
`
|
||||||
<div class="mouse-action">
|
<div class="mouse-action col-sm-4">
|
||||||
<ul class="nav nav-pills nav-stacked">
|
<ul class="nav nav-pills nav-stacked">
|
||||||
<li (click)="changePage(0)" [ngClass]="{active: selectedIndex===0}"><a> Move </a></li>
|
<li (click)="changePage(0)" [ngClass]="{active: selectedIndex===0}"><a> Move </a></li>
|
||||||
<li (click)="changePage(1)" [ngClass]="{active: selectedIndex===1}"><a> Scroll </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>
|
<li (click)="changePage(3)" [ngClass]="{active: selectedIndex===3}"><a> Speed </a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</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 *ngSwitchWhen="0" class="mouse__config mouse__config--move text-center">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<button type="button" class="btn btn-default btn-lg"
|
<button type="button" class="btn btn-default btn-lg"
|
||||||
|
|||||||
Reference in New Issue
Block a user