Mfrank/microba 1881 microba 1908 (#63)

* refactor: replaced Pending Tasks with alert and made general styling/accesibility updates

* addressed linter flags

* refactor: replaced Pending Tasks with alert and made general styling/accesibility updates

* fixed linting issues again

* refactor: replaced Pending Tasks with alert and made general styling/accesibility updates

* fixed checkbox responsiveness and darkened text under input

Co-authored-by: Maxwell Frank <mfrank@2u.com>
This commit is contained in:
Maxwell Frank
2022-08-02 11:41:27 -04:00
committed by GitHub
parent 8205ff64f8
commit 9c6644c1b9
2 changed files with 8 additions and 8 deletions

View File

@@ -27,7 +27,7 @@ function ScheduleEmailForm(props) {
/>
)}
/>
<small className="text-light-700 x-small">
<small className="text-gray-500 x-small">
<FormattedMessage
id="bulk.email.form.schedule.date.description"
defaultMessage="Enter a start date, e.g. 11/27/2023"
@@ -49,7 +49,7 @@ function ScheduleEmailForm(props) {
/>
)}
/>
<small className="text-light-700 x-small">
<small className="text-gray-500 x-small">
<FormattedMessage
id="bulk.email.form.schedule.time.description"
defaultMessage="Enter a start time, e.g. 09:00 AM"

View File

@@ -32,7 +32,7 @@ export default function BulkEmailRecipient(props) {
onChange={handleCheckboxes}
value={selectedGroups}
>
<Form.Checkbox key="myself" value="myself" className="mt-2.5 col col-md-4 col-sm-6 col-12">
<Form.Checkbox key="myself" value="myself" className="mt-2.5 col col-lg-4 col-sm-6 col-12">
<FormattedMessage
id="bulk.email.form.recipients.myself"
defaultMessage="Myself"
@@ -42,7 +42,7 @@ export default function BulkEmailRecipient(props) {
<Form.Checkbox
key="staff"
value="staff"
className="col col-md-4 col-sm-6 col-12"
className="col col-lg-4 col-sm-6 col-12"
>
<FormattedMessage
id="bulk.email.form.recipients.staff"
@@ -54,7 +54,7 @@ export default function BulkEmailRecipient(props) {
key="track:verified"
value="track:verified"
disabled={selectedGroups.find((group) => group === DEFAULT_GROUPS.ALL_LEARNERS)}
className="col col-md-4 col-sm-6 col-12"
className="col col-lg-4 col-sm-6 col-12"
>
<FormattedMessage
id="bulk.email.form.recipients.verified"
@@ -69,7 +69,7 @@ export default function BulkEmailRecipient(props) {
<Form.Checkbox
key={cohort}
value={`cohort:${cohort}`}
className="col col-md-4 col-sm-6 col-12"
className="col col-lg-4 col-sm-6 col-12"
>
<FormattedMessage
id="bulk.email.form.cohort.label"
@@ -83,7 +83,7 @@ export default function BulkEmailRecipient(props) {
key="track:audit"
value="track:audit"
disabled={selectedGroups.find((group) => group === DEFAULT_GROUPS.ALL_LEARNERS)}
className="col col-md-4 col-sm-6 col-12"
className="col col-lg-4 col-sm-6 col-12"
>
<FormattedMessage
id="bulk.email.form.recipients.audit"
@@ -95,7 +95,7 @@ export default function BulkEmailRecipient(props) {
key="learners"
value="learners"
disabled={selectedGroups.find((group) => group === (DEFAULT_GROUPS.AUDIT || DEFAULT_GROUPS.VERIFIED))}
className="col col-md-4 col-sm-6 col-12"
className="col col-lg-4 col-sm-6 col-12"
>
<FormattedMessage
id="bulk.email.form.recipients.learners"