Changed explanation for multiple attempts (#3818)

openstax · Oct 28, 2021 · c0274e2 · c0274e2
1 parent ee6fbf4
commit c0274e2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/tutor/src/components/small-text.js b/tutor/src/components/small-text.js
@@ -0,0 +1,9 @@
+import { styled } from 'vendor';
+import { colors } from 'theme';
+
+const SmallText = styled.p`
+  font-size: ${props => props['font-size'] || 'smaller'};
+  color: ${colors.neutral.thin};
+`
+
+export default SmallText
diff --git a/tutor/src/screens/assignment-review/grading-block.js b/tutor/src/screens/assignment-review/grading-block.js
@@ -1,6 +1,7 @@
 import { React, PropTypes, styled, observer, css, cn } from 'vendor';
 import { colors } from 'theme';
 import TutorLink from '../../components/link';
+import SmallText from '../../components/small-text';
 import { Header } from './details';
 import PublishScores from '../../components/buttons/publish-scores';
 
@@ -58,11 +59,6 @@ const Centered = styled.div`
   }
 `;
 
-const SmallText = styled.p`
-  font-size: 1.4rem;
-  color: ${colors.neutral.thin};
-`;
-
 const DarkBlue = css`
   border-color: #36D0E9;
   background: #DAF3F8;
@@ -237,7 +233,7 @@ const BeforeDueWRQ = () => {
         <BlockWrapper header="Grading">
             <Centered>
                 <p>This assignment is not open for grading yet.</p>
-                <SmallText>(You can start grading after the due date)</SmallText>
+                <SmallText font-size="1.4rem">(You can start grading after the due date)</SmallText>
             </Centered>
         </BlockWrapper>
     );

diff --git a/tutor/src/screens/grading-templates/editors.js b/tutor/src/screens/grading-templates/editors.js
@@ -10,6 +10,7 @@ import TimeInput from '../../components/time-input';
 import Select from '../../components/select';
 import TemplateModal from '../../components/course-modal';
 import InfoIcon from '../../components/icons/info';
+import SmallText from '../../components/small-text';
 
 const propTypes = {
     template: PropTypes.instanceOf(GradingTemplate).isRequired,
@@ -332,9 +333,9 @@ class TemplateForm extends React.Component {
         const iconText = (
             <>
                 <strong>Example:</strong>
-                <div>MCQ with 4 choices, students get 2 (4-2) attempts.</div>
-                <div>MCQ with 3 choices, students get 1 (3-2) attempt.</div>
-                <div>MCQ with 2 choices, students get 1 attempt only.</div>
+                <div>MCQ with 4 choices, students get 2 attempts.</div>
+                <div>MCQ with 2 choices, students get 1 attempt only.*</div>
+                <SmallText>*Exception</SmallText>
             </>
         );