feat: upgrade header css to core-styles v2

Author: wesleyboar

Diff for: client/src/styles/core-styles-v2.header.css

@@ -0,0 +1,19 @@
+.s-header {
+  --global-font-size--medium: 14px;
+  --global-font-family: "Benton Sans", "Roboto", sans-serif;
+}
+/* to make size of certain elements in Portal and CMS */
+/* FAQ: Bootstrap uses rem, but rem differs between Portal and CMS */
+/* - to match header height */
+.s-header .nav-link {
+  padding-block: 5px;
+}
+/* - to match portal nav size */
+.s-header .dropdown-menu {
+  padding-block: 5px;
+}
+.s-header .dropdown-item {
+  padding-block: 2.5px;
+  padding-inline: 15px;
+}
+

Diff for: client/vite.config.ts

@@ -7,6 +7,7 @@ import fs from 'fs';
 // https://vitejs.dev/config/
 export default defineConfig({
   base: '/core/static/',
+  publicDir: 'public',
   css: { preprocessorOptions: { scss: { charset: false, api: 'modern' } } },
   plugins: [
     {
@@ -22,6 +23,7 @@ export default defineConfig({
       hooks: resolve(__dirname, 'src/hooks'),
       utils: resolve(__dirname, 'src/utils'),
       styles: resolve(__dirname, 'src/styles'),
+      public: resolve(__dirname, 'src/public'),
     },
   },
 

Diff for: server/conf/docker/docker-compose-dev.all.debug.yml

@@ -4,7 +4,7 @@
 version: "3.8"
 services:
   cms:
-    image: taccwma/core-cms:ff737a3
+    image: taccwma/core-cms:latest
     volumes:
       - ../cms/secrets.py:/code/taccsite_cms/secrets.py
       - ../cms/uwsgi/uwsgi.ini:/code/uwsgi.ini

Diff for: server/portal/templates/base.html

@@ -15,10 +15,16 @@
     {% endif %}
     <link rel="canonical" href="{{request.get_full_path}}">
     <base href="/">
+    <!-- Header CSS (from CMS) -->
+    <link rel="stylesheet" href="/static/site_cms/css/build/core-styles.theme.default.css">
+    <link rel="stylesheet" href="/static/site_cms/css/build/core-styles.header.css">
+    <!-- Header CSS (from Portal) -->
+    {% if DEBUG %}
+    <link rel="stylesheet" href="http://localhost:3000/core/static/src/styles/core-styles-v2.header.css">
+    {% else %}
+    <link rel="stylesheet" href="/core/static/src/styles/core-styles-v2.header.css">
+    {% endif %}
     {% block head_extra %}{% endblock %}
-    <!-- Core CSS -->
-    <link id="css-site-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
-    <link id="css-site-header" rel="stylesheet" href="/static/site_cms/css/build/site.header.css" />
     {% if settings.PORTAL_CSS_FILENAMES|length %}
     <!-- Project CSS -->
       {% for stylesheet in settings.PORTAL_CSS_FILENAMES %}