feat(tup-cms): core-cms v3.12.0-alpha (#232)

* feat: load default core-styles theme

Without this, the header will be missing colors on Portal.

As of TACC/Core-CMS#634, those colors come from var()'s in a theme.

* feat(tup-cms): core-cms v3.11.0-beta.2

* feat(tup-cms): core-cms pseudo v3.12.0-alpha

* chore(tup-cms): drop TACC/Core-CMS#646 placeholder

This template/solution was only needed until Core-CMS provides it:

TACC/Core-CMS#646

* docs(tup-cms): say core-cms.css not site.cms.css

The name of Core-CMS–specific primary stylesheet changed.

* fix(tup-cms): site.cms.css → tup-cms.css

To mimic Core-CMS's `core-cms.css`.

This name makes it easier to find in Network requests, which may hide the path, which has `/tup_cms/`.

* fix(tup-cms): static url typo

* chore: TACC_CORE_STYLES_VERSION, 1 → 2

The COre-CMS only deals with <1 and >1, but let's be accurate here.

* feat(tup-cms): TACC/Core-CMSv3.12.0-alpha.3

* feat(tup-cms): TACC/Core-CMSv3.12.0-alpha.4

apps/tup-cms/Dockerfile

@@ -1,5 +1,5 @@
-# TACC/Core-CMS#631 (which bubbles up to TACC/Core-CMS#581@9ff0f1e)
-FROM taccwma/core-cms:4bfdffa
+# TACC/Core-CMS#v3.12.0-alpha.4 (via TACC/Core-CMS#581)
+FROM taccwma/core-cms:4fe44ca
 
 WORKDIR /code
 

apps/tup-cms/src/apps/portal/templates/portal/assets.html

@@ -1,6 +1,8 @@
 {% load static %}
 
 <style>
+  @import url("{% static 'site_cms/css/build/core-styles.theme.default.css' %}") layer(base);
+
   @import url("{% static 'site_cms/css/build/core-styles.portal.css' %}") layer(base);
   @import url("{% static 'site_cms/css/build/core-styles.header.css' %}") layer(base);
 </style>

apps/tup-cms/src/taccsite_cms/settings_custom.py

@@ -176,7 +176,7 @@
 # TACC: CORE STYLES
 ########################
 
-TACC_CORE_STYLES_VERSION = 1
+TACC_CORE_STYLES_VERSION = 2
 
 ########################
 # PLUGIN SETTINGS

apps/tup-cms/src/taccsite_cms/templates/assets_custom.html

@@ -35,5 +35,5 @@
 
 <!-- TUP CMS UI Styles -->
 <style>
-    @import url("{% static 'tup_cms/css/site.cms.css' %}");
+    @import url("{% static 'tup_cms/css/tup-cms.css' %}");
 </style>

apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-tup-cms/components/banner.css

@@ -45,7 +45,7 @@
 }
 
 [class*="banner-cell--"] figure {
-  margin-bottom: unset; /* undo site.cms.css and Bootstrap */
+  margin-bottom: unset; /* undo core-cms.css and Bootstrap */
 }
 
 [class*="banner-cell--"] figcaption {
@@ -179,7 +179,7 @@
 
 /* Conflicts with Core-CMS */
 
-/* Overwrite Core-CMS site.cms.css */
+/* Overwrite Core-CMS core-cms.css */
 /* HELP: How can all CMS sites avoid this? */
 [class*="banner-cell--"] figcaption {
     border-bottom: unset;

apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-tup-cms/components/layered-image.css

@@ -43,8 +43,8 @@
 }
 :is(.layered-image, [class*="layered-image--"])
 > :is(.align-left, .align-right) {
-    float: unset; /* undo site.cms.css */
-    max-width: unset; /* undo site.cms.css */
+    float: unset; /* undo core-cms.css */
+    max-width: unset; /* undo core-cms.css */
 }
 
 /* To position images at standard anchor points */