machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2437 from mempool/nymkappa/bugfix/channel-status-align

Browse Source 
Fix open/close channel list button alignment
This commit is contained in:
softsimon 2022-08-29 22:16:04 +02:00 committed by GitHub
commit f2377a5f92
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/lightning/channels-list/channels-list.component.html
View File

@ -1,5 +1,5 @@
<div *ngIf="channels$ | async as response; else skeleton"> <div *ngIf="channels$ | async as response; else skeleton" style="position: relative;">
<form [formGroup]="channelStatusForm" class="formRadioGroup float-right"> <form [formGroup]="channelStatusForm" class="formRadioGroup">
<div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="status"> <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="status">
<label ngbButtonLabel class="btn-primary btn-sm"> <label ngbButtonLabel class="btn-primary btn-sm">
<input ngbButton type="radio" [value]="'open'" fragment="open" i18n="open">Open <input ngbButton type="radio" [value]="'open'" fragment="open" i18n="open">Open

17
frontend/src/app/lightning/channels-list/channels-list.component.scss
View File

@ -7,3 +7,20 @@
font-size: 12px; font-size: 12px;
top: 0px; top: 0px;
} }
.formRadioGroup {
@media (min-width: 435px) {
position: absolute;
right: 0;
top: -46px;
}
@media (max-width: 435px) {
display: flex;
}
}
.btn-group {
@media (max-width: 435px) {
flex-grow: 1;
}
}