Faizaan Gagan 945af4f140
FIX: Allow user to update card details for recurring subscriptions (#123)
* add new route for card update

* create backend route

* update label

* basic functionality working

* ran rubocop

* added rspec tests for functionality

* make payment_method param compulsory

* fixed js linting

* improve client side error handling

* improve server side error handling

* improved update card page UI

* improve button UI for user subscriptions page

* give feedback to user about save status

* remove heading from last column

* fix padding on edit/delete buttons for update table

Co-authored-by: Blake Erickson <o.blakeerickson@gmail.com>
2022-07-05 19:53:27 -06:00

78 lines
1.2 KiB
SCSS

// TODO: This gets overridden somewhere. It is defined in common/base/discourse.scss
input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
cursor: not-allowed;
background-color: #e9e9e9;
border-color: #e9e9e9;
}
.admin-plugins.discourse-subscriptions .discourse-subscriptions-buttons {
margin: 1em 0 2.5em;
}
#discourse-subscriptions-admin {
.btn-right {
text-align: right;
}
.align-buttons {
display: flex;
justify-content: flex-end;
.btn {
margin-right: 5px;
}
}
.btn-primary.create-coupon {
margin-top: 1em;
}
}
.plan-amount {
position: relative;
top: 2px;
}
.plan-currency {
width: 70px;
}
.td-right {
text-align: right;
}
table.discourse-subscriptions-user-table {
width: 100%;
th,
td {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
th:first-child,
td:first-child {
padding-left: 0;
}
}
.discourse-subscriptions-admin-textarea {
width: 80%;
}
#stripe-elements {
border: 1px solid var(--primary-low-mid);
padding: 10px;
background-color: var(--primary-very-low);
}
#card-action {
margin: 20px 0;
}
.discourse-subscriptions-confirmation-billing {
margin-right: 40px;
}