mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-04 22:16:08 +00:00
Make payment auth table as wide as table below
This makes this page look a bit more consistent. Note I also had to fix the price in the value column. To do this I pulled out the width property from `.orders` which defines too many things. This way we can make the auth table full-width while not being tied to all the other properties which are not needed in this table. Then, `.orders`'s nested `.order1, .order2` etc. column class become useless.
This commit is contained in:
@@ -99,7 +99,6 @@
|
||||
.transaction-group {}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-radius: $radius-medium $radius-medium 0 0;
|
||||
|
||||
tr:nth-of-type(even) {
|
||||
@@ -143,3 +142,7 @@
|
||||
width: 10%;
|
||||
}
|
||||
}
|
||||
|
||||
table.full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -2,24 +2,24 @@
|
||||
- if @payments_requiring_action.present?
|
||||
.active_table
|
||||
%h3.requiring-authorization= t(".authorization_required")
|
||||
%table
|
||||
%table.full
|
||||
%tr
|
||||
%th.order1= t :transaction
|
||||
%th.order2= t :transaction_date
|
||||
%th.order3.show-for-large-up= t :payment_state
|
||||
%th.order5.text-right= t :value
|
||||
%th= t :transaction
|
||||
%th= t :transaction_date
|
||||
%th.show-for-large-up= t :payment_state
|
||||
%th.text-right= t :value
|
||||
%tbody
|
||||
- @payments_requiring_action.each do |payment|
|
||||
%tr
|
||||
%td.order1
|
||||
%td
|
||||
= link_to payment.order.number, main_app.order_path(payment.order)
|
||||
%td.order2
|
||||
%td
|
||||
= payment.updated_at.strftime("%Y-%m-%d")
|
||||
%td.order3
|
||||
%td
|
||||
%a{ href: "#{payment.cvv_response_message}" }
|
||||
%button.x-small
|
||||
Authorize
|
||||
%td.order5
|
||||
%td.text-right
|
||||
= payment.display_amount
|
||||
|
||||
.active_table.orders{"ng-controller" => "OrdersCtrl", "ng-cloak" => true}
|
||||
|
||||
Reference in New Issue
Block a user