mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-22 19:13:44 +03:00
82192eea4c
This updates the display of contributors into a table view, and adds the ability to add and remove contributors to existing pledges. The display has been refactored to use JS templates & JSON contributor data– the data is output onto the page when loaded from the server, and rendered when the page finishes loading. Adding & removing contributors now submits to an admin-ajax.php endpoint, which, if successful, return the new list of contributors. This ensures the display is always up to date. Fixes #3
77 lines
1.3 KiB
CSS
Executable file
77 lines
1.3 KiB
CSS
Executable file
.pledge-form .form-field {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.pledge-form .form-field label {
|
|
margin-bottom: 8px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.pledge-form .form-field input[type="text"],
|
|
.pledge-form .form-field input[type="url"],
|
|
.pledge-form .form-field input[type="number"],
|
|
.pledge-form .form-field input[type="email"],
|
|
.pledge-form .form-field textarea {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 8px;
|
|
}
|
|
|
|
.pledge-form .form-field input[type="number"] {
|
|
max-width: 10em;
|
|
height: auto;
|
|
}
|
|
|
|
.pledge-form .form-field > p {
|
|
margin-top: 8px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.pledge-form .form-field__logo input {
|
|
padding: 8px 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
.pledge-form .form-field .email-status {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.pledge-form .email-status.is-confirmed {
|
|
color: #297531;
|
|
}
|
|
|
|
.pledge-form .email-status.is-unconfirmed {
|
|
color: #c92c2c;
|
|
}
|
|
|
|
.pledge-form .contributor-list-heading {
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.pledge-form .contributor-list {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.pledge-contributors.pledge-status__draft .resend-confirm {
|
|
display: none;
|
|
}
|
|
|
|
.contributor-list th,
|
|
.contributor-list td,
|
|
.contributor-list th *,
|
|
.contributor-list td * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.contributor-list .avatar {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.contributor-list .button-link-delete {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.contributor-list .button-link-delete .dashicons {
|
|
margin-top: -2px;
|
|
}
|