Add CourseLicense component with styling

This commit is contained in:
Patrick Cockwell
2020-06-18 10:10:24 +07:00
parent 0b9eb0df26
commit 8d154998de
3 changed files with 22 additions and 0 deletions

View File

@@ -0,0 +1,10 @@
import React from 'react';
export default function CourseLicense() {
return (
<div className="course-license">
&#169; {/* This is a copyright symbol */}
<span className="license-text">All Rights Reserved</span>
</div>
);
}

View File

@@ -7,6 +7,7 @@ import { sendTrackEvent } from '@edx/frontend-platform/analytics';
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
import { useSelector } from 'react-redux';
import CourseLicense from '../CourseLicense';
import PageLoading from '../../../PageLoading';
import { UserMessagesContext, ALERT_TYPES } from '../../../user-messages';
import { useModel } from '../../../model-store';
@@ -154,6 +155,9 @@ function Sequence({
)}
</div>
</div>
<div className="sequence-footer">
<CourseLicense />
</div>
</div>
);
}

View File

@@ -262,6 +262,14 @@ $primary: #1176B2;
}
}
.sequence-footer {
padding: 5px 2%;
.course-license {
font-size: 14px;
text-align: right;
}
}
.unit-container {
padding: 0 $grid-gutter-width 2rem;
max-width: 1024px;