Checkout: Overlay improvement and markup fixes (#1968)

* Checkout: Markup fixes

* Checkout: Less translucent overlay

More focus, as discussed in #1930: https://github.com/btcpayserver/btcpayserver/pull/1930#issuecomment-701298441
This commit is contained in:
Dennis Reimann
2020-10-12 17:52:21 +02:00
committed by GitHub
parent 9607e0e55d
commit 9dcd8b6edf

View File

@@ -33,9 +33,8 @@
{
<style type="text/css">
body {
background: rgba(55, 58, 60, 0.4);
background: rgba(25, 25, 25, 0.9);
}
.close-icon {
display: flex;
}
@@ -44,25 +43,25 @@
</head>
<body>
<noscript>
<center style="padding: 2em">
<div style="padding:2em;text-align:center;">
<h2>Javascript is currently disabled in your browser.</h2>
<h5>Please enable Javascript and refresh this page for the best experience.</h5>
<p>Alternatively, click below to continue to our HTML-only invoice.</p>
<a href="/invoice-noscript?id=@Model.InvoiceId" style="text-decoration: underline; color: blue">
<a href="/invoice-noscript?id=@Model.InvoiceId" style="text-decoration:underline;color:blue">
Continue to javascript-disabled invoice &gt;
</a>
</center>
</div>
</noscript>
<!--[if lte IE 8]>
<center style="padding: 2em">
<div style="padding:2em;text-align:center;">
<form action="/invoice-noscript" method="GET">
<button style="text-decoration: underline; color: blue">Continue to legacy browser compatible invoice page
</button>
</form>
</center>
</div>
<![endif]-->
<invoice>