Wallet export UI fixes

This commit is contained in:
Dennis Reimann
2022-05-24 16:13:37 +02:00
parent e7180ac82a
commit b595763446

View File

@@ -17,12 +17,19 @@
max-width: 200px;
}
}
/* pull actions area, so that it is besides the search form */
@@media (min-width: 1200px) {
#Actions {
#Filter + #Dropdowns {
margin-top: -4rem;
float: right;
}
#Filter + #Dropdowns #Actions {
order: 1;
}
}
.unconf > * {
opacity: 0.5;
}
@@ -85,7 +92,7 @@
{
@if (Model.Labels.Any())
{
<div class="col-xl-7 col-xxl-8 mb-4">
<div class="col-xl-7 col-xxl-8 mb-4" id="Filter">
<div class="input-group">
<span class="input-group-text">Filter</span>
<div class="form-control d-flex flex-wrap gap-2 align-items-center">
@@ -101,8 +108,8 @@
</div>
</div>
}
<div class="d-inline-flex align-items-center pb-2 float-xl-end mb-2 gap-3" id="Actions">
<div class="dropdown order-xl-1 ms-auto">
<div class="d-inline-flex align-items-center gap-3" id="Dropdowns">
<div class="dropdown ms-auto" id="Actions">
<button class="btn btn-secondary dropdown-toggle" type="button" id="ActionsDropdownToggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Actions
</button>
@@ -112,17 +119,14 @@
</form>
</div>
</div>
<div class="dropdown d-inline-flex align-items-center gap-3">
<button class="btn btn-secondary dropdown-toggle order-xl-1" type="button" id="ExportDropdownToggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="dropdown d-inline-flex align-items-center gap-3" id="Export">
<button class="btn btn-secondary dropdown-toggle" type="button" id="ExportDropdownToggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Export
</button>
<div class="dropdown-menu" aria-labelledby="ExportDropdownToggle">
<a asp-action="Export" asp-route-walletId="@walletId" asp-route-format="csv" asp-route-labelFilter="@labelFilter" class="dropdown-item export-link" target="_blank" id="ExportCSV">CSV</a>
<a asp-action="Export" asp-route-walletId="@walletId" asp-route-format="json" asp-route-labelFilter="@labelFilter" class="dropdown-item export-link" target="_blank" id="ExportJSON">JSON</a>
</div>
<a href="https://docs.btcpayserver.org/Accounting/" target="_blank" rel="noreferrer noopener">
<span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
</a>
</div>
</div>
<div style="clear:both"></div>