From 8a12ee90ebeab4289f404ee4fb5b4ea2ea3f3624 Mon Sep 17 00:00:00 2001
From: Wesley Bomar <wbomar@tacc.utexas.edu>
Date: Fri, 23 Feb 2024 14:23:31 -0600
Subject: [PATCH] fix: c-feed-list must still support `<time/>`

TACC/tup-ui#427 Bug:
A `<time>` is used without a `<p>` by `c-feed-list` in User Updates plugin. This `<time>` was not styled. Discovered on dev server before deploy.

This commit:
- adds support for time NOT wrapped in `<p>`
---
 .../tup_cms/css/for-core-styles/components/c-feed-list.css    | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-feed-list.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-feed-list.css
index 1166cca67..7537b9984 100644
--- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-feed-list.css
+++ b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-feed-list.css
@@ -48,6 +48,8 @@
 
 /* Elements: Items */
 
+/* NOTE: `p:has(time)` styles CMS markup, but templates use `time` sans `<p>` */
+
 .c-feed-list > :is(div, article) {
   flex-grow: 1; /* to shrink feed title */
 
@@ -64,6 +66,7 @@
 .c-feed-list > :is(div, article):last-of-type {
   border-bottom: var(--global-border-width--normal) solid var(--global-color-primary--xx-dark);
 }
+.c-feed-list > :is(div, article) > time,
 .c-feed-list > :is(div, article) > p:has(time) { grid-area: time; }
 .c-feed-list > :is(div, article) > :is(h1, h2, h3, h4, h5, h6) { grid-area: name; }
 .c-feed-list > :is(div, article) > p:not(:has(time, a:only-child)) { grid-area: desc; }
@@ -75,6 +78,7 @@
 }
 
 /* TODO: Share styles between c-news and c-feed-list (`time:not(…)`) */
+.c-feed-list > :is(div, article) > time:not(:is(h1, h2, h3, h4, h5, h6) *),
 .c-feed-list > :is(div, article) > p:has(time):not(:is(h1, h2, h3, h4, h5, h6) *) {
   color: var(--global-color-accent--secondary);
   font-weight: var(--medium);