five-for-the-future/plugins/wporg-5ftf/assets/css/admin.css
Kelly Dwan 0f675ae6c3
Create Pledge: Make form functional (#31)
This broadly enables & styles the pledge forms across the frontend and wp-admin.

- Switches field `readonly` control to a variable called `$readonly`
- Create `PledgeMeta\get_pledge_meta()` which will fetch data from `$_POST`, a pledge post, or defaults.
- Add Number of Employees field
- Update form content to match mockup:
  - fields now have help text
  - success message uses content from mockup
  - logo field is moved to the "org info" section
- Style form in theme, add some similar styles to the admin

Fixes #7, fixes #28
2019-10-08 18:29:35 -04:00

38 lines
682 B
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__agree label {
margin-bottom: 0;
}