Fix a couple of mobile display issues (#3759)

* Fix Tor hidden services text overflow on smaller screens

* Fix issue with overflow "select" element on general store settings page in mobile Safari
This commit is contained in:
Umar Bolatov 2022-05-19 17:36:36 -07:00 committed by GitHub
parent 3e95b59be8
commit af4a06f91d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 6 deletions

View File

@ -117,7 +117,7 @@
{
<tr>
<td>@s.Name</td>
<td style="word-wrap: anywhere;">
<td style="word-break: break-all;">
<code>@s.Link</code>
</td>
</tr>

View File

@ -45,11 +45,14 @@
<a href="https://docs.btcpayserver.org/FAQ/Stores/#add-network-fee-to-invoice-vary-with-mining-fees" target="_blank" rel="noreferrer noopener">
<span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
</a>
<select asp-for="NetworkFeeMode" class="form-select w-auto">
<option value="MultiplePaymentsOnly">... only if the customer makes more than one payment for the invoice</option>
<option value="Always">... on every payment</option>
<option value="Never">Never add network fee</option>
</select>
@* For whatever reason wrapping the select with this div fixes this Safari bug: https://github.com/btcpayserver/btcpayserver/issues/3699 *@
<div class="overflow-hidden">
<select asp-for="NetworkFeeMode" class="form-select w-auto">
<option value="MultiplePaymentsOnly">... only if the customer makes more than one payment for the invoice</option>
<option value="Always">... on every payment</option>
<option value="Never">Never add network fee</option>
</select>
</div>
</div>
<div class="form-group">
<label asp-for="InvoiceExpiration" class="form-label"></label>