From f337470f090969d3834a1756bf3ff4b06b38ac9e Mon Sep 17 00:00:00 2001
From: lepipele <lepipele@users.noreply.github.com>
Date: Fri, 16 Mar 2018 23:14:13 -0500
Subject: [PATCH] Adding styles for third tab - altcoin payments

---
 BTCPayServer/Views/Invoice/Checkout.cshtml | 16 +++++++++++-----
 BTCPayServer/wwwroot/css/normalizer.css    | 15 ++++++++++++++-
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/BTCPayServer/Views/Invoice/Checkout.cshtml b/BTCPayServer/Views/Invoice/Checkout.cshtml
index 26d9e68ba..42542e995 100644
--- a/BTCPayServer/Views/Invoice/Checkout.cshtml
+++ b/BTCPayServer/Views/Invoice/Checkout.cshtml
@@ -100,10 +100,6 @@
                                                             <img style="height:32px; margin-left:5px;" alt="@crypto.PaymentMethodId" src="@crypto.CryptoImage" />
                                                         </a>
                                                     }
-                                                    <script>function shapeshift_click(a, e) { e.preventDefault(); var link = a.href; var shapeshiftWindow = window.open(link, '1418115287605', 'width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0'); shapeshiftWindow.focus(); return false; }</script>
-                                                    <a onclick="shapeshift_click(this, event);" v-bind:href="srvModel.shapeshiftUrl">
-                                                        <img src="https://shapeshift.io/legacy/images/lens_icon.png" class="ss-button" style="height:32px; margin-left: 5px;">
-                                                    </a>
                                                 </div>
                                                 <div class="payment__spinner">
                                                     <bp-spinner>
@@ -174,7 +170,10 @@
                                         <div class="payment-tabs__tab" id="copy-tab">
                                             <span i18n="">Copy</span>
                                         </div>
-                                        <div class="payment-tabs__slider"></div>
+                                        <div class="payment-tabs__tab" id="altcoins-tab">
+                                            <span i18n="">Altcoins</span>
+                                        </div>
+                                        <div id="tabsSlider" class="payment-tabs__slider three-tabs"></div>
                                     </div>
                                 </div>
                                 <div adjust-height="" class="payment-box">
@@ -263,6 +262,13 @@
                                             </div>
                                         </div>
                                     </div>
+                                    <div id="altcoins" class="bp-view payment manual-flow">
+                                        <p>Instructions... understand there is forwarding time...</p>
+                                        <script>function shapeshift_click(a, e) { e.preventDefault(); var link = a.href; var shapeshiftWindow = window.open(link, '1418115287605', 'width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=0,left=0,top=0'); shapeshiftWindow.focus(); return false; }</script>
+                                        <a onclick="shapeshift_click(this, event);" v-bind:href="srvModel.shapeshiftUrl">
+                                            <img src="https://shapeshift.io/legacy/images/lens_icon.png" class="ss-button" style="height:32px; margin-left: 5px;">
+                                        </a>
+                                    </div>
                                     <div class="bp-view" id="link-expired" style="padding-top: 3.6rem;">
                                         <div class="manual__step-one refund-address-form" novalidate="">
                                             <div class="manual__step-one__header" i18n="">Link Expired</div>
diff --git a/BTCPayServer/wwwroot/css/normalizer.css b/BTCPayServer/wwwroot/css/normalizer.css
index 367f92900..f5911382d 100644
--- a/BTCPayServer/wwwroot/css/normalizer.css
+++ b/BTCPayServer/wwwroot/css/normalizer.css
@@ -8562,10 +8562,23 @@ strong {
     transition: all .2s ease;
 }
 
-    .payment-tabs__slider.slide-right {
+    .payment-tabs__slider.two-tabs.slide-copy {
         right: 0;
     }
 
+    .payment-tabs__slider.three-tabs {
+        width: 33%;
+        right: 67%;
+    }
+
+        .payment-tabs__slider.three-tabs.slide-copy {
+            right: 33%;
+        }
+
+        .payment-tabs__slider.three-tabs.slide-altcoins {
+            right: 0;
+        }
+
 .manual__step-one__header {
     padding-top: 20px;
     text-align: center;