diff --git a/module.config.js.example b/module.config.js.example new file mode 100644 index 0000000..a26f775 --- /dev/null +++ b/module.config.js.example @@ -0,0 +1,31 @@ +module.exports = { + /* + Modules you want to use from local source code. Adding a module here means that when this app + runs its build, it'll resolve the source from peer directories of this app. + + moduleName: the name you use to import code from the module. + dir: The relative path to the module's source code. + dist: The sub-directory of the source code where it puts its build artifact. Often "dist". + + To use a module config: + + 1. Copy module.config.js.example and remove the '.example' extension + 2. Uncomment modules below in the localModules array to load them from local source code. + 3. Remember to re-build the production builds of those local modules if they have one. + See note below. + */ + localModules: [ + /********************************************************************************************* + IMPORTANT NOTE: If any of the below packages (like paragon or frontend-platform) have a build + step that populates their 'dist' directories, you must manually run that step. For paragon + and frontend-platform, for instance, you need to run `npm run build` in the repo before + module.config.js will work. + **********************************************************************************************/ + + // { moduleName: '@edx/brand', dir: '../brand-openedx' }, // replace with your brand checkout + // { moduleName: '@edx/paragon/scss/core', dir: '../paragon', dist: 'scss/core' }, + // { moduleName: '@edx/paragon/icons', dir: '../paragon', dist: 'icons' }, + // { moduleName: '@edx/paragon', dir: '../paragon', dist: 'dist' }, + // { moduleName: '@edx/frontend-platform', dir: '../frontend-platform', dist: 'dist' }, + ], +}; diff --git a/src/components/ProgramRecord/ProgramRecord.scss b/src/components/ProgramRecord/ProgramRecord.scss index 6291ddd..7b39850 100644 --- a/src/components/ProgramRecord/ProgramRecord.scss +++ b/src/components/ProgramRecord/ProgramRecord.scss @@ -7,75 +7,66 @@ .program-record-nav { @extend .d-flex, .justify-content-between, .mb-3; - + .program-record-actions { @extend .d-flex; gap: 0.5rem; - - .send-record-button span.btn-icon-before { - filter: invert(100%) sepia(97%) saturate(0%) hue-rotate(70deg) brightness(104%) contrast(105%); - } - - .copy-record-button:hover span.btn-icon-before, - .copy-record-button:focus span.btn-icon-before { - filter: invert(100%) sepia(97%) saturate(0%) hue-rotate(70deg) brightness(104%) contrast(105%); - } } - + .download-record { @extend .d-flex, .flex-row-reverse; } } - + .program-record { - + .program-record-header { - + .program-headings { @extend .d-flex, .justify-content-between; color: $primary-500; - + h4 { color: inherit; } - + .program-title { @extend .d-flex, .flex-column; - + .heading-label { text-transform: capitalize; } - + h1 { color: inherit; } } } - + .program-status { @extend .d-flex, .align-items-center; gap: 0.5rem; - + span.badge { @extend .d-flex; } - + span.updated { @extend .small; } } - + .learner-info { @extend .d-flex; gap: 0.25rem; } } - + .program-record-grades { overflow: auto; } } - + .help { color: $primary-500; }