CONCD-924 additional fixes (#2534)

* CONCD-924 used bootstrap-5-migrate-tool to update templates

* CONCD-924 only import components we need

* CONCD-924 updated django templates

* CONCD-924 a few more components that we need (nav, dropdown, etc.)

* CONCD-924 updating Pipfile.lock

* CONCD-924 updated unit tests

* CONCD-924 various fixes for bootstrap changes

* CONCD-924 additional fixes for bootstrap changes

* CONCD-924 still more fixes for bootsrap 5 (WiP)

* CONCD-924 close button should be white

* CONCD-924 close buttons

* CONCD-924 contrast between foreground and background colors

concordia/static/js/src/base.js

@@ -48,7 +48,7 @@ function displayHtmlMessage(level, message, uniqueId) {
     /*
         Display a dismissable message at a level which will match one of the
         Bootstrap alert classes
-        (https://getbootstrap.com/docs/4.1/components/alerts/)
+        (https://getbootstrap.com/docs/5.3/components/alerts/)
 
         If provided, uniqueId will be used to remove any existing elements which
         have that ID, allowing old messages to be replaced automatically.
@@ -298,6 +298,7 @@ $twitterShareButton.on('click', function () {
     return true;
 });
 
+// eslint-disable-next-line no-unused-vars
 function trackUIInteraction(element, category, action, label) {
     if ('loc_ux_tracking' in window) {
         let loc_ux_tracking = window['loc_ux_tracking'];

concordia/static/js/src/guide.js

@@ -30,18 +30,20 @@ $('#open-guide').on('click', openOffcanvas);
 
 $('#close-guide').on('click', closeOffcanvas);
 
-$('#guide-carousel')
-    .carousel({
-        interval: false,
-        wrap: false,
-    })
-    .on('slide.bs.carousel', function (event) {
-        if (event.to == 0) {
-            $('#guide-bars').addClass('d-none');
-        } else {
-            $('#guide-bars').removeClass('d-none');
-        }
-    });
+$(function () {
+    $('#guide-carousel')
+        .carousel({
+            interval: false,
+            wrap: false,
+        })
+        .on('slide.bs.carousel', function (event) {
+            if (event.to == 0) {
+                $('#guide-bars-col').addClass('d-none');
+            } else {
+                $('#guide-bars-col').removeClass('d-none');
+            }
+        });
+});
 
 $('#previous-card').hide();
 

concordia/static/scss/_variables.scss

@@ -12,8 +12,8 @@ $theme-colors: (
     'primary': $primary,
 );
 
-$link-color: theme-color('primary');
-$link-hover-color: darken($link-color, 15%);
+$link-color: map.get($theme-colors, 'primary');
+$link-hover-color: color.adjust($link-color, $lightness: 15%);
 
 $kbd-color: $gray-900;
 $kbd-bg: $gray-200;