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

Popover layout fix

Browse Source
This commit is contained in:
József Farkas
2016-05-25 22:24:39 +02:00
parent cff0bd454c
commit 283e10be83
6 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -74,14 +74,12 @@ import {KeyActionSaver} from './key-action-saver';
</div>
</div>
<div class="row" [ngSwitch]="activeListItemIndex">
<div class="popover-content">
<keypress-tab #tab *ngSwitchWhen="0"></keypress-tab>
<layer-tab #tab *ngSwitchWhen="1"></layer-tab>
<mouse-tab #tab *ngSwitchWhen="2"></mouse-tab>
<macro-tab #tab *ngSwitchWhen="3"></macro-tab>
<keymap-tab #tab *ngSwitchWhen="4"></keymap-tab>
<none-tab #tab *ngSwitchWhen="5"></none-tab>
</div>
<keypress-tab #tab *ngSwitchWhen="0" class="popover-content"></keypress-tab>
<layer-tab #tab *ngSwitchWhen="1" class="popover-content"></layer-tab>
<mouse-tab #tab *ngSwitchWhen="2" class="popover-content"></mouse-tab>
<macro-tab #tab *ngSwitchWhen="3" class="popover-content"></macro-tab>
<keymap-tab #tab *ngSwitchWhen="4" class="popover-content"></keymap-tab>
<none-tab #tab *ngSwitchWhen="5" class="popover-content"></none-tab>
</div>
<div class="row">
<div class="popover-action">

2
src/components/popover/tab/keymap-tab.component.scss
View File

@@ -1,4 +1,6 @@
:host {
display: flex;
flex-direction: column;
margin-top: 2px;
> div {

4
src/components/popover/tab/keypress-tab.component.scss Normal file
View File

@@ -0,0 +1,4 @@
:host {
display: flex;
flex-direction: column;
}

1
src/components/popover/tab/keypress-tab.component.ts
View File

@@ -45,6 +45,7 @@ import { KeyActionSaver } from '../key-action-saver';
</i>
</div>
`,
styles: [require('./keypress-tab.component.scss')],
directives: [CaptureKeystrokeButtonComponent]
})
export class KeypressTabComponent implements OnInit, KeyActionSaver {

7
src/components/popover/tab/layer-tab.component.scss Normal file
View File

@@ -0,0 +1,7 @@
:host {
display: flex;
span {
margin: 0 5px;
}
}

3
src/components/popover/tab/layer-tab.component.ts
View File

@@ -21,7 +21,8 @@ import { KeyActionSaver } from '../key-action-saver';
<span>
layer by holding this key.
</span>
`
`,
styles: [require('./layer-tab.component.scss')]
})
export class LayerTabComponent implements OnInit, KeyActionSaver {
private toggle: boolean;