diff --git a/BTCPayServer/Models/ServerViewModels/LndServicesViewModel.cs b/BTCPayServer/Models/ServerViewModels/LndServicesViewModel.cs index 6ddcfd8a5..6c638c016 100644 --- a/BTCPayServer/Models/ServerViewModels/LndServicesViewModel.cs +++ b/BTCPayServer/Models/ServerViewModels/LndServicesViewModel.cs @@ -5,6 +5,7 @@ namespace BTCPayServer.Models.ServerViewModels public class LndServicesViewModel { public string Host { get; set; } + [Display(Name = "Use SSL")] public bool SSL { get; set; } public string Macaroon { get; set; } public string AdminMacaroon { get; set; } diff --git a/BTCPayServer/Models/StoreViewModels/CheckoutExperienceViewModel.cs b/BTCPayServer/Models/StoreViewModels/CheckoutExperienceViewModel.cs index 928bbf5a8..a3664e7a2 100644 --- a/BTCPayServer/Models/StoreViewModels/CheckoutExperienceViewModel.cs +++ b/BTCPayServer/Models/StoreViewModels/CheckoutExperienceViewModel.cs @@ -30,18 +30,17 @@ namespace BTCPayServer.Models.StoreViewModels [Display(Name = "Default payment method on checkout")] public string DefaultPaymentMethod { get; set; } - - + [Display(Name = "Requires a refund email")] public bool RequiresRefundEmail { get; set; } - [Display(Name = "Display lightning payment amounts in Satoshis")] + [Display(Name = "Display Lightning payment amounts in Satoshis")] public bool LightningAmountInSatoshi { get; set; } - [Display(Name = "Add hop hints for private channels to the lightning invoice")] + [Display(Name = "Add hop hints for private channels to the Lightning invoice")] public bool LightningPrivateRouteHints { get; set; } - [Display(Name = "Include lightning invoice fallback to on-chain BIP21 payment url")] + [Display(Name = "Include Lightning invoice fallback to on-chain BIP21 payment URL")] public bool OnChainWithLnInvoiceFallback { get; set; } [Display(Name = "Only enable the payment method after user explicitly chooses it")] diff --git a/BTCPayServer/Views/Account/ForgotPassword.cshtml b/BTCPayServer/Views/Account/ForgotPassword.cshtml index 1f05ffc78..dd3fead6a 100644 --- a/BTCPayServer/Views/Account/ForgotPassword.cshtml +++ b/BTCPayServer/Views/Account/ForgotPassword.cshtml @@ -23,7 +23,7 @@

- +
diff --git a/BTCPayServer/Views/Account/LoginWith2fa.cshtml b/BTCPayServer/Views/Account/LoginWith2fa.cshtml index b54a8a8be..9c12acf7e 100644 --- a/BTCPayServer/Views/Account/LoginWith2fa.cshtml +++ b/BTCPayServer/Views/Account/LoginWith2fa.cshtml @@ -13,13 +13,13 @@
- +
-
-
+
@@ -65,13 +65,13 @@
{{error}} -
+
- +
- +
- +
-
-
- - -
+
+ +
-
-
- - -
+
+ +
-
-
- - -
- +
+ +
-
-
- - -
+
+ +
-
-
- - -
+
+ +
diff --git a/BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml b/BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml index 6fa909ba4..16c7039ea 100644 --- a/BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml +++ b/BTCPayServer/Views/Apps/UpdateCrowdfund.cshtml @@ -152,7 +152,7 @@
- +
@@ -164,7 +164,7 @@
- +
diff --git a/BTCPayServer/Views/Apps/UpdatePointOfSale.cshtml b/BTCPayServer/Views/Apps/UpdatePointOfSale.cshtml index 9b0b03344..f69a0e3a4 100644 --- a/BTCPayServer/Views/Apps/UpdatePointOfSale.cshtml +++ b/BTCPayServer/Views/Apps/UpdatePointOfSale.cshtml @@ -126,14 +126,15 @@
-
+
-

-

-
+

You can host point of sale buttons in an external website with the following code.

@if (Model.Example1 != null) @@ -150,12 +151,13 @@
-

-

-
+
You can embed the POS using an iframe @{ @@ -166,12 +168,13 @@
-

-

-
+

A POST callback will be sent to notification with the following form will be sent to notificationUrl once the enough is paid and once again once there is enough confirmations to the payment:

@Model.ExampleCallback
@@ -219,13 +222,13 @@
-
+
- +
- +
- +
-
-
- - -
+
+ +
-
-
- - -
+
+ +
-
-
- - -
+
+ +
diff --git a/BTCPayServer/Views/AppsPublic/PointOfSale/Cart.cshtml b/BTCPayServer/Views/AppsPublic/PointOfSale/Cart.cshtml index 84c20b5dd..c432fff60 100644 --- a/BTCPayServer/Views/AppsPublic/PointOfSale/Cart.cshtml +++ b/BTCPayServer/Views/AppsPublic/PointOfSale/Cart.cshtml @@ -15,7 +15,7 @@
- + @@ -211,14 +211,14 @@ }
-
+
@for (var index = 0; index < Model.Items.Length; index++) { var item = Model.Items[index]; var image = item.Image; var description = item.Description; -
+
@if (!String.IsNullOrWhiteSpace(image)) { @:Card image cap @@ -230,7 +230,7 @@

@Safe.Raw(description)

}
-
+
@((item.BuyButtonText ?? Model.ButtonText).Replace("{0}",item.Price.Formatted).Replace("{Price}",item.Price.Formatted)) @if (item.Inventory.HasValue) diff --git a/BTCPayServer/Views/AppsPublic/PointOfSale/Static.cshtml b/BTCPayServer/Views/AppsPublic/PointOfSale/Static.cshtml index 8e8b44a37..686bb04d2 100644 --- a/BTCPayServer/Views/AppsPublic/PointOfSale/Static.cshtml +++ b/BTCPayServer/Views/AppsPublic/PointOfSale/Static.cshtml @@ -15,7 +15,7 @@
@Safe.Raw(Model.Description)
} -
+
@for (int x = 0; x < Model.Items.Length; x++) { var item = Model.Items[x]; @@ -26,13 +26,13 @@ : item.BuyButtonText) .Replace("{0}",item.Price.Formatted) .Replace("{Price}",item.Price.Formatted); -
+
@if (!String.IsNullOrWhiteSpace(item.Image)) { Card image cap } @{CardBody(item.Title, item.Description);} -
+
@if (!item.Inventory.HasValue || item.Inventory.Value > 0) { @if (item.Custom) @@ -74,9 +74,9 @@ } @if (Model.ShowCustomAmount) { -
+
@{CardBody("Custom Amount", "Create invoice to pay custom amount");} -
+
@{PayFormInputContent(Model.CustomButtonText);}
diff --git a/BTCPayServer/Views/CoinSwitch/UpdateCoinSwitchSettings.cshtml b/BTCPayServer/Views/CoinSwitch/UpdateCoinSwitchSettings.cshtml index be573ee17..738e75bfb 100644 --- a/BTCPayServer/Views/CoinSwitch/UpdateCoinSwitchSettings.cshtml +++ b/BTCPayServer/Views/CoinSwitch/UpdateCoinSwitchSettings.cshtml @@ -22,22 +22,22 @@

- +
- +
- +
-
- - +
+ +
diff --git a/BTCPayServer/Views/EthereumLikeStore/GetStoreEthereumLikePaymentMethod.cshtml b/BTCPayServer/Views/EthereumLikeStore/GetStoreEthereumLikePaymentMethod.cshtml index aa98a8312..18b6520cf 100644 --- a/BTCPayServer/Views/EthereumLikeStore/GetStoreEthereumLikePaymentMethod.cshtml +++ b/BTCPayServer/Views/EthereumLikeStore/GetStoreEthereumLikePaymentMethod.cshtml @@ -19,45 +19,45 @@
- +
- +
- + Please see this article.
-
- - +
+ + Store the seed/password on server if provided. If not checked, will generate the xpub and erase the seed/pass from server
- + The public master key derived from a seed/pass/keypath. This allows you to generate addresses without private keys on the server.
- + The index to generate the next address from. If you are using a wallet that you have used before, be sure to set this to the last index +1
- +
@@ -67,9 +67,9 @@ Check wallet by providing an address it can generate within the first 1000 indexes
-
- - +
+ +
diff --git a/BTCPayServer/Views/Home/RecoverySeedBackup.cshtml b/BTCPayServer/Views/Home/RecoverySeedBackup.cshtml index 5004cd6fd..323d23685 100644 --- a/BTCPayServer/Views/Home/RecoverySeedBackup.cshtml +++ b/BTCPayServer/Views/Home/RecoverySeedBackup.cshtml @@ -73,9 +73,9 @@
@if (Model.RequireConfirm) { -
+ - +
diff --git a/BTCPayServer/Views/Invoice/ListInvoices.cshtml b/BTCPayServer/Views/Invoice/ListInvoices.cshtml index a927280bb..afc73bb12 100644 --- a/BTCPayServer/Views/Invoice/ListInvoices.cshtml +++ b/BTCPayServer/Views/Invoice/ListInvoices.cshtml @@ -32,7 +32,7 @@ text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: 0.25rem; + border-radius: 4px; } .badge .dropdown-toggle { @@ -329,7 +329,7 @@ - + Date @@ -349,7 +349,7 @@ { - + diff --git a/BTCPayServer/Views/Invoice/Refund.cshtml b/BTCPayServer/Views/Invoice/Refund.cshtml index 1535331dc..da3933c4b 100644 --- a/BTCPayServer/Views/Invoice/Refund.cshtml +++ b/BTCPayServer/Views/Invoice/Refund.cshtml @@ -32,21 +32,21 @@
-
+
The crypto currency price, at the rate the invoice got paid.
-
+
The crypto currency price, at the current rate.
-
+
@@ -54,7 +54,7 @@
-
+
diff --git a/BTCPayServer/Views/Manage/AddApiKey.cshtml b/BTCPayServer/Views/Manage/AddApiKey.cshtml index efa234879..5ebc03a94 100644 --- a/BTCPayServer/Views/Manage/AddApiKey.cshtml +++ b/BTCPayServer/Views/Manage/AddApiKey.cshtml @@ -26,7 +26,7 @@
- +
diff --git a/BTCPayServer/Views/Manage/ChangePassword.cshtml b/BTCPayServer/Views/Manage/ChangePassword.cshtml index 79578fd27..b9454265f 100644 --- a/BTCPayServer/Views/Manage/ChangePassword.cshtml +++ b/BTCPayServer/Views/Manage/ChangePassword.cshtml @@ -11,17 +11,17 @@ }
- +
- +
- +
diff --git a/BTCPayServer/Views/Manage/Index.cshtml b/BTCPayServer/Views/Manage/Index.cshtml index 1adac9850..57225c1c8 100644 --- a/BTCPayServer/Views/Manage/Index.cshtml +++ b/BTCPayServer/Views/Manage/Index.cshtml @@ -9,15 +9,15 @@
} -
+
- +
-
+
- +
diff --git a/BTCPayServer/Views/Manage/NotificationSettings.cshtml b/BTCPayServer/Views/Manage/NotificationSettings.cshtml index e7b39bcc3..273b4fec0 100644 --- a/BTCPayServer/Views/Manage/NotificationSettings.cshtml +++ b/BTCPayServer/Views/Manage/NotificationSettings.cshtml @@ -16,11 +16,8 @@ else {
- - - -
- +

Do not receive notifications for

+
    @for (var index = 0; index < Model.DisabledNotifications.Count; index++) { diff --git a/BTCPayServer/Views/MoneroLikeStore/GetStoreMoneroLikePaymentMethod.cshtml b/BTCPayServer/Views/MoneroLikeStore/GetStoreMoneroLikePaymentMethod.cshtml index da419d655..0127540d9 100644 --- a/BTCPayServer/Views/MoneroLikeStore/GetStoreMoneroLikePaymentMethod.cshtml +++ b/BTCPayServer/Views/MoneroLikeStore/GetStoreMoneroLikePaymentMethod.cshtml @@ -33,17 +33,17 @@

    Upload Wallet

    - +
    - +
    - +
    diff --git a/BTCPayServer/Views/Notifications/Index.cshtml b/BTCPayServer/Views/Notifications/Index.cshtml index 3c1962153..2fc1eeaa3 100644 --- a/BTCPayServer/Views/Notifications/Index.cshtml +++ b/BTCPayServer/Views/Notifications/Index.cshtml @@ -37,7 +37,7 @@ @if (Model.Total > 0) { - + } @@ -55,7 +55,7 @@ { - + diff --git a/BTCPayServer/Views/PaymentRequest/EditPaymentRequest.cshtml b/BTCPayServer/Views/PaymentRequest/EditPaymentRequest.cshtml index 8d554715f..ca4133c77 100644 --- a/BTCPayServer/Views/PaymentRequest/EditPaymentRequest.cshtml +++ b/BTCPayServer/Views/PaymentRequest/EditPaymentRequest.cshtml @@ -68,8 +68,8 @@
    x + value="@(Model.ExpiryDate?.ToString("u", CultureInfo.InvariantCulture))" + class="form-control flatdtpicker" min="today" placeholder="No expiry date has been set for this payment request" /> diff --git a/BTCPayServer/Views/Server/CLightningRestServices.cshtml b/BTCPayServer/Views/Server/CLightningRestServices.cshtml index 17729f6c1..57ea90ad2 100644 --- a/BTCPayServer/Views/Server/CLightningRestServices.cshtml +++ b/BTCPayServer/Views/Server/CLightningRestServices.cshtml @@ -51,7 +51,7 @@

    See QR Code information by clicking here

    - +
    @@ -68,60 +68,60 @@ @if (Model.Uri == null) {
    - +
    - - + +
    } else {
    - +
    } @if (Model.Macaroon != null) {
    - +
    } @if (Model.AdminMacaroon != null) {
    - +
    } @if (Model.InvoiceMacaroon != null) {
    - +
    } @if (Model.ReadonlyMacaroon != null) {
    - +
    } @if (Model.GRPCSSLCipherSuites != null) {
    - +
    } @if (Model.CertificateThumbprint != null) {
    - +
    } diff --git a/BTCPayServer/Views/Server/ConfiguratorService.cshtml b/BTCPayServer/Views/Server/ConfiguratorService.cshtml index e883cce5d..18a8b4e20 100644 --- a/BTCPayServer/Views/Server/ConfiguratorService.cshtml +++ b/BTCPayServer/Views/Server/ConfiguratorService.cshtml @@ -19,10 +19,10 @@

    - - - - + + + +
    diff --git a/BTCPayServer/Views/Server/CreateTemporaryFileUrl.cshtml b/BTCPayServer/Views/Server/CreateTemporaryFileUrl.cshtml index 738eccbb8..d458d8d5a 100644 --- a/BTCPayServer/Views/Server/CreateTemporaryFileUrl.cshtml +++ b/BTCPayServer/Views/Server/CreateTemporaryFileUrl.cshtml @@ -13,9 +13,9 @@
    } -
    - - +
    + +
    diff --git a/BTCPayServer/Views/Server/CreateUser.cshtml b/BTCPayServer/Views/Server/CreateUser.cshtml index ee1c8d221..fb5be3f65 100644 --- a/BTCPayServer/Views/Server/CreateUser.cshtml +++ b/BTCPayServer/Views/Server/CreateUser.cshtml @@ -11,19 +11,19 @@
    - +
    - +
    - +
    diff --git a/BTCPayServer/Views/Server/DynamicDnsService.cshtml b/BTCPayServer/Views/Server/DynamicDnsService.cshtml index 451bb5a5f..4257a13cb 100644 --- a/BTCPayServer/Views/Server/DynamicDnsService.cshtml +++ b/BTCPayServer/Views/Server/DynamicDnsService.cshtml @@ -15,7 +15,7 @@
    - +

    Well-known Dynamic DNS providers are: @@ -26,7 +26,7 @@

    - + @if (Model.Modify) { @@ -45,18 +45,18 @@ }
    - +
    - +
    @if (Model.Modify) {
    - - + +
    } diff --git a/BTCPayServer/Views/Server/EditAmazonS3StorageProvider.cshtml b/BTCPayServer/Views/Server/EditAmazonS3StorageProvider.cshtml index 5e8a8fa13..76f8a452a 100644 --- a/BTCPayServer/Views/Server/EditAmazonS3StorageProvider.cshtml +++ b/BTCPayServer/Views/Server/EditAmazonS3StorageProvider.cshtml @@ -9,37 +9,37 @@
    - +
    - +
    - +
    - +
    - +
    - +
    - +
    diff --git a/BTCPayServer/Views/Server/EditAzureBlobStorageStorageProvider.cshtml b/BTCPayServer/Views/Server/EditAzureBlobStorageStorageProvider.cshtml index 6320088bc..7e11a63b8 100644 --- a/BTCPayServer/Views/Server/EditAzureBlobStorageStorageProvider.cshtml +++ b/BTCPayServer/Views/Server/EditAzureBlobStorageStorageProvider.cshtml @@ -9,18 +9,18 @@
    - - + +
    - - + +
    - Change Storage provider + Change Storage provider
    diff --git a/BTCPayServer/Views/Server/EditFilesystemStorageProvider.cshtml b/BTCPayServer/Views/Server/EditFileSystemStorageProvider.cshtml similarity index 100% rename from BTCPayServer/Views/Server/EditFilesystemStorageProvider.cshtml rename to BTCPayServer/Views/Server/EditFileSystemStorageProvider.cshtml diff --git a/BTCPayServer/Views/Server/EditGoogleCloudStorageStorageProvider.cshtml b/BTCPayServer/Views/Server/EditGoogleCloudStorageStorageProvider.cshtml index dd0428f1e..285784b66 100644 --- a/BTCPayServer/Views/Server/EditGoogleCloudStorageStorageProvider.cshtml +++ b/BTCPayServer/Views/Server/EditGoogleCloudStorageStorageProvider.cshtml @@ -9,28 +9,28 @@
    - - + +
    - - + +
    - - + +
    - - + +
    - Change Storage provider + Change Storage provider
    diff --git a/BTCPayServer/Views/Server/LightningChargeServices.cshtml b/BTCPayServer/Views/Server/LightningChargeServices.cshtml index 0dc9cd875..735be1325 100644 --- a/BTCPayServer/Views/Server/LightningChargeServices.cshtml +++ b/BTCPayServer/Views/Server/LightningChargeServices.cshtml @@ -32,22 +32,22 @@ @if (Model.Uri != null) {
    - - + +
    } @if (Model.APIToken != null) {
    - - + +
    } @if (Model.AuthenticatedUri != null) {
    - - + +
    }
    diff --git a/BTCPayServer/Views/Server/LndServices.cshtml b/BTCPayServer/Views/Server/LndServices.cshtml index bbb344ec3..05b2bb3d1 100644 --- a/BTCPayServer/Views/Server/LndServices.cshtml +++ b/BTCPayServer/Views/Server/LndServices.cshtml @@ -60,12 +60,12 @@

    See QR Code information by clicking here.

    - - + +
    -
    +

    Click here to open the configuration file. -

    +

    } @@ -76,60 +76,60 @@ @if (Model.Uri == null) {
    - +
    - - + +
    } else {
    - +
    } @if (Model.Macaroon != null) {
    - +
    } @if (Model.AdminMacaroon != null) {
    - +
    } @if (Model.InvoiceMacaroon != null) {
    - +
    } @if (Model.ReadonlyMacaroon != null) {
    - +
    } @if (Model.GRPCSSLCipherSuites != null) {
    - +
    } @if (Model.CertificateThumbprint != null) {
    - +
    } diff --git a/BTCPayServer/Views/Server/P2PService.cshtml b/BTCPayServer/Views/Server/P2PService.cshtml index 7ca7b87d7..9acc4bb28 100644 --- a/BTCPayServer/Views/Server/P2PService.cshtml +++ b/BTCPayServer/Views/Server/P2PService.cshtml @@ -62,8 +62,8 @@

    See QR Code information by clicking here

    - - + +
    } diff --git a/BTCPayServer/Views/Server/Policies.cshtml b/BTCPayServer/Views/Server/Policies.cshtml index 548c84791..e08d18fe3 100644 --- a/BTCPayServer/Views/Server/Policies.cshtml +++ b/BTCPayServer/Views/Server/Policies.cshtml @@ -127,18 +127,16 @@ @if (Model.DomainToAppMapping.Any()) { -
    -
    -
    - Domain to app mapping - -
    -
    +
    + Domain to app mapping + +
    +
    @for (var index = 0; index < Model.DomainToAppMapping.Count; index++) { -
    +
    -
    +
    @@ -148,25 +146,24 @@ -
    -
    +
    } -
    } @@ -175,45 +172,38 @@
    -
    -@section PageHeadContent { - -} - @section PageFootContent { - @@ -268,7 +251,7 @@
    - +

    diff --git a/BTCPayServer/Views/Stores/_GenerateWalletForm.cshtml b/BTCPayServer/Views/Stores/_GenerateWalletForm.cshtml index b9f0c1dac..e9fc07057 100644 --- a/BTCPayServer/Views/Stores/_GenerateWalletForm.cshtml +++ b/BTCPayServer/Views/Stores/_GenerateWalletForm.cshtml @@ -66,7 +66,7 @@ @if (isImport) // hide account option when creating a wallet {

    - +
    - +
    diff --git a/BTCPayServer/Views/Wallets/CoinSelection.cshtml b/BTCPayServer/Views/Wallets/CoinSelection.cshtml index 9cf3f535b..0c5bc08b7 100644 --- a/BTCPayServer/Views/Wallets/CoinSelection.cshtml +++ b/BTCPayServer/Views/Wallets/CoinSelection.cshtml @@ -24,7 +24,7 @@ v-bind:class="{ 'list-group-item-secondary': item.selected }" v-on:click="toggleItem($event, item, !item.selected)">
    -
    -
    +
    diff --git a/BTCPayServer/Views/Wallets/Payouts.cshtml b/BTCPayServer/Views/Wallets/Payouts.cshtml index 3300bd765..9431492f5 100644 --- a/BTCPayServer/Views/Wallets/Payouts.cshtml +++ b/BTCPayServer/Views/Wallets/Payouts.cshtml @@ -82,7 +82,7 @@ - + Date @@ -103,7 +103,7 @@ - + diff --git a/BTCPayServer/Views/Wallets/WalletPSBT.cshtml b/BTCPayServer/Views/Wallets/WalletPSBT.cshtml index fc75536d4..296c71552 100644 --- a/BTCPayServer/Views/Wallets/WalletPSBT.cshtml +++ b/BTCPayServer/Views/Wallets/WalletPSBT.cshtml @@ -81,7 +81,7 @@
    - diff --git a/BTCPayServer/Views/Wallets/WalletSend.cshtml b/BTCPayServer/Views/Wallets/WalletSend.cshtml index 08c06cd0f..5400433f3 100644 --- a/BTCPayServer/Views/Wallets/WalletSend.cshtml +++ b/BTCPayServer/Views/Wallets/WalletSend.cshtml @@ -196,7 +196,7 @@ @if (Model.SupportRBF) {
    - + diff --git a/BTCPayServer/Views/Wallets/WalletSettings.cshtml b/BTCPayServer/Views/Wallets/WalletSettings.cshtml index c2d54aab2..078a17cc5 100644 --- a/BTCPayServer/Views/Wallets/WalletSettings.cshtml +++ b/BTCPayServer/Views/Wallets/WalletSettings.cshtml @@ -43,7 +43,7 @@
    -
    +
    @@ -57,7 +57,7 @@
    @if (Model.IsMultiSig) { -
    +
    diff --git a/BTCPayServer/wwwroot/img/icon-sprite.svg b/BTCPayServer/wwwroot/img/icon-sprite.svg index df92cf7a6..fb4eb5f76 100644 --- a/BTCPayServer/wwwroot/img/icon-sprite.svg +++ b/BTCPayServer/wwwroot/img/icon-sprite.svg @@ -3,6 +3,7 @@ + diff --git a/BTCPayServer/wwwroot/img/Specter.png b/BTCPayServer/wwwroot/img/specter.png similarity index 100% rename from BTCPayServer/wwwroot/img/Specter.png rename to BTCPayServer/wwwroot/img/specter.png diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css index 0f54b16cf..52491191d 100644 --- a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css +++ b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css @@ -123,9 +123,11 @@ p { abbr[title], abbr[data-bs-original-title] { - text-decoration: underline dotted; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; cursor: help; - text-decoration-skip-ink: none; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; } address { @@ -585,7 +587,7 @@ progress { padding: 0.25rem; background-color: var(--btcpay-bg-tile); border: 1px solid var(--btcpay-body-border-medium); - border-radius: 0.25rem; + border-radius: 4px; max-width: 100%; height: auto; } @@ -609,8 +611,7 @@ progress { .container-sm, .container-md, .container-lg, -.container-xl, -.container-xxl { +.container-xl { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); @@ -642,12 +643,6 @@ progress { } } -@media (min-width: 1400px) { - .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { - max-width: 1320px; - } -} - .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; @@ -1555,176 +1550,6 @@ progress { } } -@media (min-width: 1400px) { - .col-xxl { - flex: 1 0 0%; - } - .row-cols-xxl-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-xxl-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-xxl-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-xxl-3 > * { - flex: 0 0 auto; - width: 33.33333%; - } - .row-cols-xxl-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-xxl-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-xxl-6 > * { - flex: 0 0 auto; - width: 16.66667%; - } - .col-xxl-auto { - flex: 0 0 auto; - width: auto; - } - .col-xxl-1 { - flex: 0 0 auto; - width: 8.33333%; - } - .col-xxl-2 { - flex: 0 0 auto; - width: 16.66667%; - } - .col-xxl-3 { - flex: 0 0 auto; - width: 25%; - } - .col-xxl-4 { - flex: 0 0 auto; - width: 33.33333%; - } - .col-xxl-5 { - flex: 0 0 auto; - width: 41.66667%; - } - .col-xxl-6 { - flex: 0 0 auto; - width: 50%; - } - .col-xxl-7 { - flex: 0 0 auto; - width: 58.33333%; - } - .col-xxl-8 { - flex: 0 0 auto; - width: 66.66667%; - } - .col-xxl-9 { - flex: 0 0 auto; - width: 75%; - } - .col-xxl-10 { - flex: 0 0 auto; - width: 83.33333%; - } - .col-xxl-11 { - flex: 0 0 auto; - width: 91.66667%; - } - .col-xxl-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-xxl-0 { - margin-left: 0; - } - .offset-xxl-1 { - margin-left: 8.33333%; - } - .offset-xxl-2 { - margin-left: 16.66667%; - } - .offset-xxl-3 { - margin-left: 25%; - } - .offset-xxl-4 { - margin-left: 33.33333%; - } - .offset-xxl-5 { - margin-left: 41.66667%; - } - .offset-xxl-6 { - margin-left: 50%; - } - .offset-xxl-7 { - margin-left: 58.33333%; - } - .offset-xxl-8 { - margin-left: 66.66667%; - } - .offset-xxl-9 { - margin-left: 75%; - } - .offset-xxl-10 { - margin-left: 83.33333%; - } - .offset-xxl-11 { - margin-left: 91.66667%; - } - .g-xxl-0, - .gx-xxl-0 { - --bs-gutter-x: 0; - } - .g-xxl-0, - .gy-xxl-0 { - --bs-gutter-y: 0; - } - .g-xxl-1, - .gx-xxl-1 { - --bs-gutter-x: 0.25rem; - } - .g-xxl-1, - .gy-xxl-1 { - --bs-gutter-y: 0.25rem; - } - .g-xxl-2, - .gx-xxl-2 { - --bs-gutter-x: 0.5rem; - } - .g-xxl-2, - .gy-xxl-2 { - --bs-gutter-y: 0.5rem; - } - .g-xxl-3, - .gx-xxl-3 { - --bs-gutter-x: 1rem; - } - .g-xxl-3, - .gy-xxl-3 { - --bs-gutter-y: 1rem; - } - .g-xxl-4, - .gx-xxl-4 { - --bs-gutter-x: 1.5rem; - } - .g-xxl-4, - .gy-xxl-4 { - --bs-gutter-y: 1.5rem; - } - .g-xxl-5, - .gx-xxl-5 { - --bs-gutter-x: 3rem; - } - .g-xxl-5, - .gy-xxl-5 { - --bs-gutter-y: 3rem; - } -} - .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; @@ -1924,13 +1749,6 @@ progress { } } -@media (max-width: 1399.98px) { - .table-responsive-xxl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } -} - .form-label { margin-bottom: 0.5rem; color: var(--btcpay-form-text-label); @@ -1974,8 +1792,10 @@ progress { background-color: var(--btcpay-form-bg); background-clip: padding-box; border: 1px solid var(--btcpay-form-border); - appearance: none; - border-radius: 0.25rem; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -1999,6 +1819,11 @@ progress { height: 1.5em; } +.form-control::-moz-placeholder { + color: var(--btcpay-secondary); + opacity: 1; +} + .form-control::placeholder { color: var(--btcpay-secondary); opacity: 1; @@ -2013,7 +1838,8 @@ progress { .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; - margin-inline-end: 0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; color: var(--btcpay-form-text); background-color: var(--btcpay-form-bg-addon); pointer-events: none; @@ -2032,7 +1858,8 @@ progress { .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; - margin-inline-end: 0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; color: var(--btcpay-form-text); background-color: var(--btcpay-form-bg-addon); pointer-events: none; @@ -2041,6 +1868,7 @@ progress { border-width: 0; border-inline-end-width: 1px; border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2075,13 +1903,15 @@ progress { .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; - margin-inline-end: 0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; - margin-inline-end: 0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; } .form-control-lg { @@ -2094,13 +1924,15 @@ progress { .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; - margin-inline-end: 1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; - margin-inline-end: 1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; } textarea.form-control { @@ -2127,12 +1959,12 @@ textarea.form-control-lg { .form-control-color::-moz-color-swatch { height: 1.5em; - border-radius: 0.25rem; + border-radius: 4px; } .form-control-color::-webkit-color-swatch { height: 1.5em; - border-radius: 0.25rem; + border-radius: 4px; } .form-select { @@ -2149,14 +1981,16 @@ textarea.form-control-lg { background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid var(--btcpay-form-border); - border-radius: 0.25rem; - appearance: none; + border-radius: 4px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } .form-select:focus { border-color: var(--btcpay-form-border-focus); outline: 0; - box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + box-shadow: 0 0 0 0.25rem var(--btcpay-form-shadow-focus); } .form-select[multiple], .form-select[size]:not([size="1"]) { @@ -2210,8 +2044,11 @@ textarea.form-control-lg { background-position: center; background-size: contain; border: 1px solid var(--btcpay-form-border); - appearance: none; - color-adjust: exact; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + color-adjust: exact; } .form-check-input[type="checkbox"] { @@ -2305,7 +2142,9 @@ textarea.form-control-lg { height: 1.5rem; padding: 0; background-color: transparent; - appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } .form-range:focus { @@ -2331,8 +2170,10 @@ textarea.form-control-lg { background-color: var(--btcpay-primary); border: 0; border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; + -webkit-appearance: none; + appearance: none; } .form-range::-webkit-slider-thumb:active { @@ -2355,8 +2196,10 @@ textarea.form-control-lg { background-color: var(--btcpay-primary); border: 0; border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; + -moz-appearance: none; + appearance: none; } .form-range::-moz-range-thumb:active { @@ -2407,10 +2250,19 @@ textarea.form-control-lg { transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } +.form-floating > .form-control::-moz-placeholder { + color: transparent; +} + .form-floating > .form-control::placeholder { color: transparent; } +.form-floating > .form-control:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; @@ -2426,6 +2278,11 @@ textarea.form-control-lg { padding-bottom: 0.625rem; } +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { @@ -2480,7 +2337,7 @@ textarea.form-control-lg { white-space: nowrap; background-color: var(--btcpay-form-bg-addon); border: 1px solid var(--btcpay-form-border); - border-radius: 0.25rem; + border-radius: 4px; } .input-group-lg > .form-control, @@ -2543,7 +2400,7 @@ textarea.form-control-lg { font-size: 0.875rem; color: var(--btcpay-white); background-color: rgba(25, 135, 84, 0.9); - border-radius: 0.25rem; + border-radius: 4px; } .was-validated :valid ~ .valid-feedback, @@ -2639,7 +2496,7 @@ textarea.form-control-lg { font-size: 0.875rem; color: var(--btcpay-white); background-color: rgba(220, 53, 69, 0.9); - border-radius: 0.25rem; + border-radius: 4px; } .was-validated :invalid ~ .invalid-feedback, @@ -2724,12 +2581,14 @@ textarea.form-control-lg { text-align: center; vertical-align: middle; cursor: pointer; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; - border-radius: 0.25rem; + border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2740,7 +2599,7 @@ textarea.form-control-lg { .btn-check:focus + .btn, .btn:focus { outline: 0; - box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + box-shadow: 0 0 0 0.25rem var(--btcpay-form-shadow-focus); } .btn:disabled, .btn.disabled, @@ -3406,7 +3265,7 @@ fieldset:disabled .btn { background-color: var(--btcpay-body-bg); background-clip: padding-box; border: 1px solid var(--btcpay-body-border-medium); - border-radius: 0.25rem; + border-radius: 4px; } .dropdown-menu[data-bs-popper] { @@ -3501,23 +3360,6 @@ fieldset:disabled .btn { } } -@media (min-width: 1400px) { - .dropdown-menu-xxl-start { - --bs-position: start; - } - .dropdown-menu-xxl-start[data-bs-popper] { - right: auto /* rtl:ignore */; - left: 0 /* rtl:ignore */; - } - .dropdown-menu-xxl-end { - --bs-position: end; - } - .dropdown-menu-xxl-end[data-bs-popper] { - right: 0 /* rtl:ignore */; - left: auto /* rtl:ignore */; - } -} - .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; @@ -3840,8 +3682,8 @@ fieldset:disabled .btn { margin-bottom: -1px; background: none; border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { @@ -3871,7 +3713,7 @@ fieldset:disabled .btn { .nav-pills .nav-link { background: none; border: 0; - border-radius: 0.25rem; + border-radius: 4px; } .nav-pills .nav-link.active, @@ -3917,7 +3759,7 @@ fieldset:disabled .btn { } .navbar > .container, -.navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { +.navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl { display: flex; flex-wrap: inherit; align-items: center; @@ -3970,7 +3812,7 @@ fieldset:disabled .btn { line-height: 1; background-color: transparent; border: 1px solid transparent; - border-radius: 0.25rem; + border-radius: 4px; transition: box-shadow 0.15s ease-in-out; } @@ -4107,33 +3949,6 @@ fieldset:disabled .btn { } } -@media (min-width: 1400px) { - .navbar-expand-xxl { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-xxl .navbar-nav { - flex-direction: row; - } - .navbar-expand-xxl .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .navbar-expand-xxl .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-xxl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-xxl .navbar-toggler { - display: none; - } -} - .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; @@ -4262,7 +4077,7 @@ fieldset:disabled .btn { background-color: var(--btcpay-bg-tile); background-clip: border-box; border: 1px solid var(--btcpay-body-border-medium); - border-radius: 0.25rem; + border-radius: 8px; } .card > hr { @@ -4277,14 +4092,14 @@ fieldset:disabled .btn { .card > .list-group:first-child { border-top-width: 0; - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: 7px; + border-top-right-radius: 7px; } .card > .list-group:last-child { border-bottom-width: 0; - border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); + border-bottom-right-radius: 7px; + border-bottom-left-radius: 7px; } .card > .card-header + .list-group, @@ -4328,7 +4143,7 @@ fieldset:disabled .btn { } .card-header:first-child { - border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; + border-radius: 7px 7px 0 0; } .card-footer { @@ -4339,7 +4154,7 @@ fieldset:disabled .btn { } .card-footer:last-child { - border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); + border-radius: 0 0 7px 7px; } .card-header-tabs { @@ -4366,7 +4181,7 @@ fieldset:disabled .btn { bottom: 0; left: 0; padding: 1rem; - border-radius: calc(0.25rem - 1px); + border-radius: 7px; } .card-img, @@ -4377,14 +4192,14 @@ fieldset:disabled .btn { .card-img, .card-img-top { - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: 7px; + border-top-right-radius: 7px; } .card-img, .card-img-bottom { - border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); + border-bottom-right-radius: 7px; + border-bottom-left-radius: 7px; } .card-group > .card { @@ -4435,11 +4250,11 @@ fieldset:disabled .btn { display: flex; align-items: center; width: 100%; - padding: 1rem 1.25rem; + padding: 1rem 0; font-size: 1rem; color: var(--btcpay-body-text); text-align: left; - background-color: var(--btcpay-body-bg); + background-color: transparent; border: 0; border-radius: 0; overflow-anchor: none; @@ -4447,13 +4262,13 @@ fieldset:disabled .btn { } .accordion-button:not(.collapsed) { - color: var(--btcpay-body-text-active); - background-color: var(--btcpay-body-bg-active); - box-shadow: inset 0 -1px 0 var(--btcpay-body-border-medium); + color: var(--btcpay-body-text); + background-color: transparent; + box-shadow: inset 0 0 0 transparent; } .accordion-button:not(.collapsed)::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--btcpay-body-text-active%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-image: none; transform: rotate(-180deg); } @@ -4463,7 +4278,7 @@ fieldset:disabled .btn { height: 1.25rem; margin-left: auto; content: ""; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-image: none; background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; @@ -4475,9 +4290,9 @@ fieldset:disabled .btn { .accordion-button:focus { z-index: 3; - border-color: var(--btcpay-body-border-medium); + border-color: transparent; outline: 0; - box-shadow: 0 0 0 0.25rem var(--btcpay-body-shadow); + box-shadow: none; } .accordion-header { @@ -4486,17 +4301,17 @@ fieldset:disabled .btn { .accordion-item { background-color: var(--btcpay-body-bg); - border: 1px solid var(--btcpay-body-border-medium); + border: 0 solid transparent; } .accordion-item:first-of-type { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + border-top-left-radius: 0; + border-top-right-radius: 0; } .accordion-item:first-of-type .accordion-button { - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: 0; + border-top-right-radius: 0; } .accordion-item:not(:first-of-type) { @@ -4504,22 +4319,22 @@ fieldset:disabled .btn { } .accordion-item:last-of-type { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } .accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: calc(0.25rem - 1px); - border-bottom-left-radius: calc(0.25rem - 1px); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } .accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } .accordion-body { - padding: 1rem 1.25rem; + padding: 1rem 0; } .accordion-flush .accordion-collapse { @@ -4621,13 +4436,13 @@ fieldset:disabled .btn { } .page-item:first-child .page-link { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } .page-item:last-child .page-link { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } .pagination-lg .page-link { @@ -4670,7 +4485,7 @@ fieldset:disabled .btn { text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: 0.25rem; + border-radius: 4px; } .badge:empty { @@ -4687,7 +4502,7 @@ fieldset:disabled .btn { padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; - border-radius: 0.25rem; + border-radius: 4px; } .alert-heading { @@ -4711,9 +4526,9 @@ fieldset:disabled .btn { } .alert-primary { - color: var(--btcpay-primary-dim-text); - background-color: var(--btcpay-primary-dim-bg); - border-color: var(--btcpay-primary-dim-border); + color: var(--btcpay-primary-text); + background-color: var(--btcpay-primary); + border-color: var(--btcpay-primary-border); } .alert-primary .alert-link { @@ -4721,9 +4536,9 @@ fieldset:disabled .btn { } .alert-secondary { - color: var(--btcpay-secondary-dim-text); - background-color: var(--btcpay-secondary-dim-bg); - border-color: var(--btcpay-secondary-dim-border); + color: var(--btcpay-secondary-text); + background-color: var(--btcpay-secondary); + border-color: var(--btcpay-secondary-border); } .alert-secondary .alert-link { @@ -4731,9 +4546,9 @@ fieldset:disabled .btn { } .alert-success { - color: var(--btcpay-success-dim-text); - background-color: var(--btcpay-success-dim-bg); - border-color: var(--btcpay-success-dim-border); + color: var(--btcpay-success-text); + background-color: var(--btcpay-success); + border-color: var(--btcpay-success-border); } .alert-success .alert-link { @@ -4741,9 +4556,9 @@ fieldset:disabled .btn { } .alert-info { - color: var(--btcpay-info-dim-text); - background-color: var(--btcpay-info-dim-bg); - border-color: var(--btcpay-info-dim-border); + color: var(--btcpay-info-text); + background-color: var(--btcpay-info); + border-color: var(--btcpay-info-border); } .alert-info .alert-link { @@ -4751,9 +4566,9 @@ fieldset:disabled .btn { } .alert-warning { - color: var(--btcpay-warning-dim-text); - background-color: var(--btcpay-warning-dim-bg); - border-color: var(--btcpay-warning-dim-border); + color: var(--btcpay-warning-text); + background-color: var(--btcpay-warning); + border-color: var(--btcpay-warning-border); } .alert-warning .alert-link { @@ -4761,9 +4576,9 @@ fieldset:disabled .btn { } .alert-danger { - color: var(--btcpay-danger-dim-text); - background-color: var(--btcpay-danger-dim-bg); - border-color: var(--btcpay-danger-dim-border); + color: var(--btcpay-danger-text); + background-color: var(--btcpay-danger); + border-color: var(--btcpay-danger-border); } .alert-danger .alert-link { @@ -4771,9 +4586,9 @@ fieldset:disabled .btn { } .alert-light { - color: var(--btcpay-light-dim-text); - background-color: var(--btcpay-light-dim-bg); - border-color: var(--btcpay-light-dim-border); + color: var(--btcpay-light-text); + background-color: var(--btcpay-light); + border-color: var(--btcpay-light-border); } .alert-light .alert-link { @@ -4781,15 +4596,21 @@ fieldset:disabled .btn { } .alert-dark { - color: var(--btcpay-dark-dim-text); - background-color: var(--btcpay-dark-dim-bg); - border-color: var(--btcpay-dark-dim-border); + color: var(--btcpay-dark-text); + background-color: var(--btcpay-dark); + border-color: var(--btcpay-dark-border); } .alert-dark .alert-link { color: inherit; } +@-webkit-keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} + @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; @@ -4802,7 +4623,7 @@ fieldset:disabled .btn { overflow: hidden; font-size: 0.75rem; background-color: var(--btcpay-neutral-200); - border-radius: 0.25rem; + border-radius: 4px; } .progress-bar { @@ -4823,7 +4644,8 @@ fieldset:disabled .btn { } .progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes; + -webkit-animation: 1s linear infinite progress-bar-stripes; + animation: 1s linear infinite progress-bar-stripes; } .list-group { @@ -4831,7 +4653,7 @@ fieldset:disabled .btn { flex-direction: column; padding-left: 0; margin-bottom: 0; - border-radius: 0.25rem; + border-radius: 4px; } .list-group-numbered { @@ -4867,7 +4689,7 @@ fieldset:disabled .btn { display: block; padding: 0.5rem 1rem; color: var(--btcpay-body-text); - background-color: var(--btcpay-body-bg-light); + background-color: var(--btcpay-body-bg); border: 1px solid var(--btcpay-body-border-medium); } @@ -4884,7 +4706,7 @@ fieldset:disabled .btn { .list-group-item.disabled, .list-group-item:disabled { color: var(--btcpay-secondary); pointer-events: none; - background-color: var(--btcpay-body-bg-light); + background-color: var(--btcpay-body-bg); } .list-group-item.active { @@ -4908,12 +4730,12 @@ fieldset:disabled .btn { } .list-group-horizontal > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 4px; border-bottom-left-radius: 0; } @@ -4936,11 +4758,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { @@ -4961,11 +4783,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { @@ -4986,11 +4808,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { @@ -5011,11 +4833,11 @@ fieldset:disabled .btn { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; + border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { - border-top-right-radius: 0.25rem; + border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { @@ -5031,31 +4853,6 @@ fieldset:disabled .btn { } } -@media (min-width: 1400px) { - .list-group-horizontal-xxl { - flex-direction: row; - } - .list-group-horizontal-xxl > .list-group-item:first-child { - border-bottom-left-radius: 0.25rem; - border-top-right-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item:last-child { - border-top-right-radius: 0.25rem; - border-bottom-left-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { - border-top-width: 1px; - border-left-width: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { - margin-left: -1px; - border-left-width: 1px; - } -} - .list-group-flush { border-radius: 0; } @@ -5204,7 +5001,7 @@ fieldset:disabled .btn { color: var(--btcpay-black); background: transparent none center/1em auto no-repeat; border: 0; - border-radius: 0.25rem; + border-radius: 4px; opacity: 0.5; } @@ -5216,13 +5013,15 @@ fieldset:disabled .btn { .btn-close:focus { outline: 0; - box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + box-shadow: 0 0 0 0.25rem var(--btcpay-form-shadow-focus); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; opacity: 0.25; } @@ -5240,7 +5039,7 @@ fieldset:disabled .btn { background-clip: padding-box; border: 1px solid var(--btcpay-body-border-medium); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - border-radius: 0.25rem; + border-radius: 4px; } .toast:not(.showing):not(.show) { @@ -5252,6 +5051,8 @@ fieldset:disabled .btn { } .toast-container { + width: -webkit-max-content; + width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; @@ -5269,8 +5070,8 @@ fieldset:disabled .btn { background-color: var(--btcpay-body-bg-light); background-clip: padding-box; border-bottom: 1px solid var(--btcpay-body-bg-light); - border-top-left-radius: calc(0.25rem - 1px); - border-top-right-radius: calc(0.25rem - 1px); + border-top-left-radius: 3px; + border-top-right-radius: 3px; } .toast-header .btn-close { @@ -5556,29 +5357,6 @@ fieldset:disabled .btn { } } -@media (max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-header { - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto; - } - .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0; - } -} - .tooltip { position: absolute; z-index: 1080; @@ -5687,7 +5465,7 @@ fieldset:disabled .btn { color: var(--btcpay-white); text-align: center; background-color: var(--btcpay-black); - border-radius: 0.25rem; + border-radius: 4px; } .popover { @@ -5858,7 +5636,8 @@ fieldset:disabled .btn { float: left; width: 100%; margin-right: -100%; - backface-visibility: hidden; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @@ -6024,6 +5803,12 @@ fieldset:disabled .btn { color: var(--btcpay-black); } +@-webkit-keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; + } +} + @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; @@ -6038,7 +5823,8 @@ fieldset:disabled .btn { border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; - animation: 0.75s linear infinite spinner-border; + -webkit-animation: 0.75s linear infinite spinner-border; + animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { @@ -6047,6 +5833,16 @@ fieldset:disabled .btn { border-width: 0.2em; } +@-webkit-keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} + @keyframes spinner-grow { 0% { transform: scale(0); @@ -6065,7 +5861,8 @@ fieldset:disabled .btn { background-color: currentColor; border-radius: 50%; opacity: 0; - animation: 0.75s linear infinite spinner-grow; + -webkit-animation: 0.75s linear infinite spinner-grow; + animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { @@ -6272,6 +6069,7 @@ fieldset:disabled .btn { } .sticky-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; @@ -6279,6 +6077,7 @@ fieldset:disabled .btn { @media (min-width: 576px) { .sticky-sm-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; @@ -6287,6 +6086,7 @@ fieldset:disabled .btn { @media (min-width: 768px) { .sticky-md-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; @@ -6295,6 +6095,7 @@ fieldset:disabled .btn { @media (min-width: 992px) { .sticky-lg-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; @@ -6303,14 +6104,7 @@ fieldset:disabled .btn { @media (min-width: 1200px) { .sticky-xl-top { - position: sticky; - top: 0; - z-index: 1020; - } -} - -@media (min-width: 1400px) { - .sticky-xxl-top { + position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; @@ -6471,6 +6265,7 @@ fieldset:disabled .btn { } .position-sticky { + position: -webkit-sticky !important; position: sticky !important; } @@ -7508,15 +7303,21 @@ fieldset:disabled .btn { } .user-select-all { - user-select: all !important; + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; } .user-select-auto { - user-select: auto !important; + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + user-select: auto !important; } .user-select-none { - user-select: none !important; + -webkit-user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; } .pe-none { @@ -7528,7 +7329,7 @@ fieldset:disabled .btn { } .rounded { - border-radius: 0.25rem !important; + border-radius: 4px !important; } .rounded-0 { @@ -7540,7 +7341,7 @@ fieldset:disabled .btn { } .rounded-2 { - border-radius: 0.25rem !important; + border-radius: 4px !important; } .rounded-3 { @@ -7556,23 +7357,23 @@ fieldset:disabled .btn { } .rounded-top { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; } .rounded-end { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; } .rounded-bottom { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + border-bottom-right-radius: 4px !important; + border-bottom-left-radius: 4px !important; } .rounded-start { - border-bottom-left-radius: 0.25rem !important; - border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 4px !important; + border-top-left-radius: 4px !important; } .visible { @@ -9571,503 +9372,6 @@ fieldset:disabled .btn { } } -@media (min-width: 1400px) { - .float-xxl-start { - float: left !important; - } - .float-xxl-end { - float: right !important; - } - .float-xxl-none { - float: none !important; - } - .d-xxl-inline { - display: inline !important; - } - .d-xxl-inline-block { - display: inline-block !important; - } - .d-xxl-block { - display: block !important; - } - .d-xxl-grid { - display: grid !important; - } - .d-xxl-table { - display: table !important; - } - .d-xxl-table-row { - display: table-row !important; - } - .d-xxl-table-cell { - display: table-cell !important; - } - .d-xxl-flex { - display: flex !important; - } - .d-xxl-inline-flex { - display: inline-flex !important; - } - .d-xxl-none { - display: none !important; - } - .flex-xxl-fill { - flex: 1 1 auto !important; - } - .flex-xxl-row { - flex-direction: row !important; - } - .flex-xxl-column { - flex-direction: column !important; - } - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xxl-grow-0 { - flex-grow: 0 !important; - } - .flex-xxl-grow-1 { - flex-grow: 1 !important; - } - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xxl-wrap { - flex-wrap: wrap !important; - } - .flex-xxl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .gap-xxl-0 { - gap: 0 !important; - } - .gap-xxl-1 { - gap: 0.25rem !important; - } - .gap-xxl-2 { - gap: 0.5rem !important; - } - .gap-xxl-3 { - gap: 1rem !important; - } - .gap-xxl-4 { - gap: 1.5rem !important; - } - .gap-xxl-5 { - gap: 3rem !important; - } - .justify-content-xxl-start { - justify-content: flex-start !important; - } - .justify-content-xxl-end { - justify-content: flex-end !important; - } - .justify-content-xxl-center { - justify-content: center !important; - } - .justify-content-xxl-between { - justify-content: space-between !important; - } - .justify-content-xxl-around { - justify-content: space-around !important; - } - .justify-content-xxl-evenly { - justify-content: space-evenly !important; - } - .align-items-xxl-start { - align-items: flex-start !important; - } - .align-items-xxl-end { - align-items: flex-end !important; - } - .align-items-xxl-center { - align-items: center !important; - } - .align-items-xxl-baseline { - align-items: baseline !important; - } - .align-items-xxl-stretch { - align-items: stretch !important; - } - .align-content-xxl-start { - align-content: flex-start !important; - } - .align-content-xxl-end { - align-content: flex-end !important; - } - .align-content-xxl-center { - align-content: center !important; - } - .align-content-xxl-between { - align-content: space-between !important; - } - .align-content-xxl-around { - align-content: space-around !important; - } - .align-content-xxl-stretch { - align-content: stretch !important; - } - .align-self-xxl-auto { - align-self: auto !important; - } - .align-self-xxl-start { - align-self: flex-start !important; - } - .align-self-xxl-end { - align-self: flex-end !important; - } - .align-self-xxl-center { - align-self: center !important; - } - .align-self-xxl-baseline { - align-self: baseline !important; - } - .align-self-xxl-stretch { - align-self: stretch !important; - } - .order-xxl-first { - order: -1 !important; - } - .order-xxl-0 { - order: 0 !important; - } - .order-xxl-1 { - order: 1 !important; - } - .order-xxl-2 { - order: 2 !important; - } - .order-xxl-3 { - order: 3 !important; - } - .order-xxl-4 { - order: 4 !important; - } - .order-xxl-5 { - order: 5 !important; - } - .order-xxl-last { - order: 6 !important; - } - .m-xxl-0 { - margin: 0 !important; - } - .m-xxl-1 { - margin: 0.25rem !important; - } - .m-xxl-2 { - margin: 0.5rem !important; - } - .m-xxl-3 { - margin: 1rem !important; - } - .m-xxl-4 { - margin: 1.5rem !important; - } - .m-xxl-5 { - margin: 3rem !important; - } - .m-xxl-auto { - margin: auto !important; - } - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xxl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xxl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xxl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xxl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xxl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xxl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xxl-0 { - margin-top: 0 !important; - } - .mt-xxl-1 { - margin-top: 0.25rem !important; - } - .mt-xxl-2 { - margin-top: 0.5rem !important; - } - .mt-xxl-3 { - margin-top: 1rem !important; - } - .mt-xxl-4 { - margin-top: 1.5rem !important; - } - .mt-xxl-5 { - margin-top: 3rem !important; - } - .mt-xxl-auto { - margin-top: auto !important; - } - .me-xxl-0 { - margin-right: 0 !important; - } - .me-xxl-1 { - margin-right: 0.25rem !important; - } - .me-xxl-2 { - margin-right: 0.5rem !important; - } - .me-xxl-3 { - margin-right: 1rem !important; - } - .me-xxl-4 { - margin-right: 1.5rem !important; - } - .me-xxl-5 { - margin-right: 3rem !important; - } - .me-xxl-auto { - margin-right: auto !important; - } - .mb-xxl-0 { - margin-bottom: 0 !important; - } - .mb-xxl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xxl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xxl-3 { - margin-bottom: 1rem !important; - } - .mb-xxl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xxl-5 { - margin-bottom: 3rem !important; - } - .mb-xxl-auto { - margin-bottom: auto !important; - } - .ms-xxl-0 { - margin-left: 0 !important; - } - .ms-xxl-1 { - margin-left: 0.25rem !important; - } - .ms-xxl-2 { - margin-left: 0.5rem !important; - } - .ms-xxl-3 { - margin-left: 1rem !important; - } - .ms-xxl-4 { - margin-left: 1.5rem !important; - } - .ms-xxl-5 { - margin-left: 3rem !important; - } - .ms-xxl-auto { - margin-left: auto !important; - } - .p-xxl-0 { - padding: 0 !important; - } - .p-xxl-1 { - padding: 0.25rem !important; - } - .p-xxl-2 { - padding: 0.5rem !important; - } - .p-xxl-3 { - padding: 1rem !important; - } - .p-xxl-4 { - padding: 1.5rem !important; - } - .p-xxl-5 { - padding: 3rem !important; - } - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xxl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xxl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xxl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xxl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xxl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xxl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xxl-0 { - padding-top: 0 !important; - } - .pt-xxl-1 { - padding-top: 0.25rem !important; - } - .pt-xxl-2 { - padding-top: 0.5rem !important; - } - .pt-xxl-3 { - padding-top: 1rem !important; - } - .pt-xxl-4 { - padding-top: 1.5rem !important; - } - .pt-xxl-5 { - padding-top: 3rem !important; - } - .pe-xxl-0 { - padding-right: 0 !important; - } - .pe-xxl-1 { - padding-right: 0.25rem !important; - } - .pe-xxl-2 { - padding-right: 0.5rem !important; - } - .pe-xxl-3 { - padding-right: 1rem !important; - } - .pe-xxl-4 { - padding-right: 1.5rem !important; - } - .pe-xxl-5 { - padding-right: 3rem !important; - } - .pb-xxl-0 { - padding-bottom: 0 !important; - } - .pb-xxl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xxl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xxl-3 { - padding-bottom: 1rem !important; - } - .pb-xxl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xxl-5 { - padding-bottom: 3rem !important; - } - .ps-xxl-0 { - padding-left: 0 !important; - } - .ps-xxl-1 { - padding-left: 0.25rem !important; - } - .ps-xxl-2 { - padding-left: 0.5rem !important; - } - .ps-xxl-3 { - padding-left: 1rem !important; - } - .ps-xxl-4 { - padding-left: 1.5rem !important; - } - .ps-xxl-5 { - padding-left: 3rem !important; - } - .text-xxl-start { - text-align: left !important; - } - .text-xxl-end { - text-align: right !important; - } - .text-xxl-center { - text-align: center !important; - } -} - @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; @@ -10164,9 +9468,32 @@ ul li { padding-bottom: .2em; } -.alert-link, -.alert-link:focus, -.alert-link:hover, +/* Accordion */ +.accordion-item + .accordion-item { + border-top: 1px solid var(--btcpay-body-border-light); +} + +.accordion-button::after { + content: none; +} + +.accordion-button svg.icon { + flex-shrink: 0; + width: 24px; + height: 24px; + margin-left: auto; + transition: transform 0.2s ease-in-out; +} + +.accordion-button:not(.collapsed) svg.icon { + transform: rotate(-180deg); +} + +.accordion-body { + padding-top: 0; +} + +/* Alert */ .alert code { color: inherit; } @@ -10272,6 +9599,150 @@ input[type=number].hide-number-spin { color: var(--btcpay-danger); } +/* Negative margin utils (only include bare minimum) */ +.mt-n1 { + margin-top: -0.25rem !important; +} + +.mt-n2 { + margin-top: -0.5rem !important; +} + +.mt-n3 { + margin-top: -1rem !important; +} + +.mt-n4 { + margin-top: -1.5rem !important; +} + +.mt-n5 { + margin-top: -3rem !important; +} + +.me-n1 { + margin-right: -0.25rem !important; +} + +.me-n2 { + margin-right: -0.5rem !important; +} + +.me-n3 { + margin-right: -1rem !important; +} + +.me-n4 { + margin-right: -1.5rem !important; +} + +.me-n5 { + margin-right: -3rem !important; +} + +.mb-n1 { + margin-bottom: -0.25rem !important; +} + +.mb-n2 { + margin-bottom: -0.5rem !important; +} + +.mb-n3 { + margin-bottom: -1rem !important; +} + +.mb-n4 { + margin-bottom: -1.5rem !important; +} + +.mb-n5 { + margin-bottom: -3rem !important; +} + +.ms-n1 { + margin-left: -0.25rem !important; +} + +.ms-n2 { + margin-left: -0.5rem !important; +} + +.ms-n3 { + margin-left: -1rem !important; +} + +.ms-n4 { + margin-left: -1.5rem !important; +} + +.ms-n5 { + margin-left: -3rem !important; +} + +@media (min-width: 992px) { + .mt-lg-n1 { + margin-top: -0.25rem !important; + } + .mt-lg-n2 { + margin-top: -0.5rem !important; + } + .mt-lg-n3 { + margin-top: -1rem !important; + } + .mt-lg-n4 { + margin-top: -1.5rem !important; + } + .mt-lg-n5 { + margin-top: -3rem !important; + } + .me-lg-n1 { + margin-right: -0.25rem !important; + } + .me-lg-n2 { + margin-right: -0.5rem !important; + } + .me-lg-n3 { + margin-right: -1rem !important; + } + .me-lg-n4 { + margin-right: -1.5rem !important; + } + .me-lg-n5 { + margin-right: -3rem !important; + } + .mb-lg-n1 { + margin-bottom: -0.25rem !important; + } + .mb-lg-n2 { + margin-bottom: -0.5rem !important; + } + .mb-lg-n3 { + margin-bottom: -1rem !important; + } + .mb-lg-n4 { + margin-bottom: -1.5rem !important; + } + .mb-lg-n5 { + margin-bottom: -3rem !important; + } + .ms-lg-n1 { + margin-left: -0.25rem !important; + } + .ms-lg-n2 { + margin-left: -0.5rem !important; + } + .ms-lg-n3 { + margin-left: -1rem !important; + } + .ms-lg-n4 { + margin-left: -1.5rem !important; + } + .ms-lg-n5 { + margin-left: -3rem !important; + } +} + .btcpay-status { display: inline-flex; align-items: center; @@ -10357,6 +9828,12 @@ label + input.btcpay-toggle { top: .45rem; } +.btcpay-toggle:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; +} + /* Bootstrap Responsive Helper */ html[data-devenv]:before { display: inline-block; diff --git a/BTCPayServer/wwwroot/main/site.css b/BTCPayServer/wwwroot/main/site.css index e610c130c..7e19e1176 100644 --- a/BTCPayServer/wwwroot/main/site.css +++ b/BTCPayServer/wwwroot/main/site.css @@ -67,6 +67,13 @@ content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuMzg3MzkgNC4zMTYyOFY1LjYyMUwzLjczNDM5IDQuOTY5MjZMNC4zODczOSA0LjMxNzUxVjQuMzE2MjhaTTAuMDAxMjMxMzkgMS4zMDM0OUwxLjMwNTk5IDBMNi4zMTU1NyA1TDEuMzA1OTkgMTBMMCA4LjY5NjUxTDMuNzAxMTMgNUwwIDEuMzAzNDlIMC4wMDEyMzEzOVoiIGZpbGw9IiM4RDhEOEYiLz48L3N2Zz4K"); } +/* Info icons in main headline */ +h2 small .fa-question-circle-o { + position: relative; + top: -.2rem; + font-size: 1.2rem; +} + /* Admin Sidebar Navigation */ .col-md-3 .nav-pills { margin-left: -1rem; diff --git a/BTCPayServer/wwwroot/main/site.js b/BTCPayServer/wwwroot/main/site.js index 1236b63a9..d5e93575b 100644 --- a/BTCPayServer/wwwroot/main/site.js +++ b/BTCPayServer/wwwroot/main/site.js @@ -80,6 +80,23 @@ document.addEventListener("DOMContentLoaded", function () { } $('[data-clipboard]').on('click', window.copyToClipboard); + + $('[data-toggle="password"]').each(function () { + var input = $(this); + var eye_btn = $(this).parent().find('.input-group-text'); + eye_btn.css('cursor', 'pointer').addClass('input-password-hide'); + eye_btn.on('click', function () { + if (eye_btn.hasClass('input-password-hide')) { + eye_btn.removeClass('input-password-hide').addClass('input-password-show'); + eye_btn.find('.fa').removeClass('fa-eye').addClass('fa-eye-slash') + input.attr('type', 'text'); + } else { + eye_btn.removeClass('input-password-show').addClass('input-password-hide'); + eye_btn.find('.fa').removeClass('fa-eye-slash').addClass('fa-eye') + input.attr('type', 'password'); + } + }); + }); }); function switchTimeFormat() { diff --git a/BTCPayServer/wwwroot/main/themes/casa.css b/BTCPayServer/wwwroot/main/themes/casa.css index 533a80d81..38cfd9dbb 100644 --- a/BTCPayServer/wwwroot/main/themes/casa.css +++ b/BTCPayServer/wwwroot/main/themes/casa.css @@ -169,7 +169,7 @@ --btcpay-footer-link: var(--btcpay-neutral-400); --btcpay-footer-link-accent: var(--btcpay-neutral-100); --btcpay-code-text: var(--btcpay-body-text); - --btcpay-code-bg: var(--btcpay-neutral-200); + --btcpay-code-bg: transparent; --btcpay-pre-text: var(--btcpay-white); --btcpay-pre-bg: var(--btcpay-neutral-900); diff --git a/BTCPayServer/wwwroot/main/themes/classic.css b/BTCPayServer/wwwroot/main/themes/classic.css index c737198ae..940194404 100644 --- a/BTCPayServer/wwwroot/main/themes/classic.css +++ b/BTCPayServer/wwwroot/main/themes/classic.css @@ -179,7 +179,7 @@ --btcpay-footer-link: var(--btcpay-neutral-400); --btcpay-footer-link-accent: var(--btcpay-neutral-100); --btcpay-code-text: var(--btcpay-body-text); - --btcpay-code-bg: var(--btcpay-neutral-200); + --btcpay-code-bg: transparent; --btcpay-pre-text: var(--btcpay-white); --btcpay-pre-bg: var(--btcpay-neutral-900); --btcpay-primary: #329f80; diff --git a/BTCPayServer/wwwroot/main/themes/default-dark.css b/BTCPayServer/wwwroot/main/themes/default-dark.css index 06dbb7243..4a1435d34 100644 --- a/BTCPayServer/wwwroot/main/themes/default-dark.css +++ b/BTCPayServer/wwwroot/main/themes/default-dark.css @@ -36,7 +36,6 @@ --btcpay-footer-link: var(--btcpay-neutral-600); --btcpay-footer-link-accent: var(--btcpay-neutral-300); --btcpay-pre-bg: var(--btcpay-bg-dark); - --btcpay-code-bg: var(--btcpay-bg-dark); --btcpay-light: var(--btcpay-neutral-800); --btcpay-light-accent: var(--btcpay-black); --btcpay-light-text: var(--btcpay-neutral-200); diff --git a/BTCPayServer/wwwroot/main/themes/default.css b/BTCPayServer/wwwroot/main/themes/default.css index 8dcf2f820..a17347b2b 100644 --- a/BTCPayServer/wwwroot/main/themes/default.css +++ b/BTCPayServer/wwwroot/main/themes/default.css @@ -184,7 +184,7 @@ --btcpay-footer-link: var(--btcpay-neutral-400); --btcpay-footer-link-accent: var(--btcpay-neutral-100); --btcpay-code-text: var(--btcpay-body-text); - --btcpay-code-bg: var(--btcpay-neutral-200); + --btcpay-code-bg: transparent; --btcpay-pre-text: var(--btcpay-white); --btcpay-pre-bg: var(--btcpay-neutral-900); --btcpay-primary: var(--btcpay-brand-primary); diff --git a/BTCPayServer/wwwroot/vendor/bootstrap-vue/bootstrap-vue.js b/BTCPayServer/wwwroot/vendor/bootstrap-vue/bootstrap-vue.js index 58b9154cf..fca493975 100644 --- a/BTCPayServer/wwwroot/vendor/bootstrap-vue/bootstrap-vue.js +++ b/BTCPayServer/wwwroot/vendor/bootstrap-vue/bootstrap-vue.js @@ -3053,7 +3053,7 @@ children = _ref.children; return h(props.tag, mergeData(data, { - staticClass: 'form-row' + staticClass: 'row' }), children); } }; diff --git a/BTCPayServer/wwwroot/vendor/highlightjs/default.min.css b/BTCPayServer/wwwroot/vendor/highlightjs/default.min.css index 7d8be18d0..4face11cb 100644 --- a/BTCPayServer/wwwroot/vendor/highlightjs/default.min.css +++ b/BTCPayServer/wwwroot/vendor/highlightjs/default.min.css @@ -1 +1 @@ -.hljs{display:block;overflow-x:auto;padding:0.5em;background:#F0F0F0}.hljs,.hljs-subst{color:#444}.hljs-comment{color:#888888}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:bold}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#880000}.hljs-title,.hljs-section{color:#880000;font-weight:bold}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#BC6060}.hljs-literal{color:#78A960}.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold} \ No newline at end of file +.hljs{display:block;overflow-x:auto;padding:.5em;background:var(--btcpay-pre-bg);color:var(--btcpay-pre-text)}.hljs-comment,.hljs-quote{color:#969896;font-style:italic}.hljs-addition,.hljs-keyword,.hljs-literal,.hljs-selector-tag,.hljs-type{color:#c9c}.hljs-number,.hljs-selector-attr,.hljs-selector-pseudo{color:#f99157}.hljs-doctag,.hljs-regexp,.hljs-string{color:#8abeb7}.hljs-built_in,.hljs-name,.hljs-section,.hljs-title{color:#b5bd68}.hljs-class .hljs-title,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#fc6}.hljs-name,.hljs-section,.hljs-strong{font-weight:700}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-subst,.hljs-symbol{color:#f99157}.hljs-deletion{color:#dc322f}.hljs-formula{background:#eee8d5}.hljs-attr,.hljs-attribute{color:#81a2be}.hljs-emphasis{font-style:italic}