From 2fa0c77fe1df5137fff5332d83c2a4892c4dc301 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Wed, 24 Sep 2025 11:53:24 -0400 Subject: [PATCH 1/7] Add new spotlight flavor of alert. Updated colors and implmemented in child theme --- .../themes/mitlib-child/inc/content-front.php | 11 ++++--- .../css/scss/modules/_colors.scss | 5 ++- .../css/scss/partials/_alerts.scss | 31 +++++++++++++++---- 3 files changed, 35 insertions(+), 12 deletions(-) diff --git a/web/app/themes/mitlib-child/inc/content-front.php b/web/app/themes/mitlib-child/inc/content-front.php index 3dd969a0..7f012852 100644 --- a/web/app/themes/mitlib-child/inc/content-front.php +++ b/web/app/themes/mitlib-child/inc/content-front.php @@ -36,15 +36,16 @@ $the_query->the_post(); ?> -
+
+ i { margin-right: 12px; &:before{ @@ -124,14 +124,13 @@ } div > h3 { - font-weight: 700; + font-weight: 600; margin-top: 2px; + font-size: 1.25rem; } p { - margin-bottom: 16px; - - &:last-of-type {margin-bottom: 0 !important;} + margin-bottom: 16px; } .btn { @@ -174,4 +173,24 @@ content: "\f00c"; } } +} + +.mitlib-alert { + p:last-of-type {margin-bottom: 0 !important;} +} + +.mitlib-spotlight { + border-color: $spotlight-border-color; + column-gap: 24px; + + img { + width: 100%; + max-width: 240px; + min-width: 100px; + height: 100%; + } + + p { + padding-bottom: 4px; + } } \ No newline at end of file From 2b6e9b1e3815d293fe43fc6f8af27f12125d7a2b Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Wed, 24 Sep 2025 13:38:38 -0400 Subject: [PATCH 2/7] Updated max width for images in spotlights --- web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss b/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss index afb184cc..a400ce70 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss @@ -185,7 +185,7 @@ img { width: 100%; - max-width: 240px; + max-width: 180px; min-width: 100px; height: 100%; } From 08bc801f8f96a9fbbff83cc231c30b1b5bbe35e1 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Wed, 24 Sep 2025 14:48:22 -0400 Subject: [PATCH 3/7] Add ARIA label to button and tweak image size --- web/app/themes/mitlib-child/inc/content-front.php | 2 +- web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/web/app/themes/mitlib-child/inc/content-front.php b/web/app/themes/mitlib-child/inc/content-front.php index 7f012852..1b236767 100644 --- a/web/app/themes/mitlib-child/inc/content-front.php +++ b/web/app/themes/mitlib-child/inc/content-front.php @@ -43,7 +43,7 @@

- Read more + Read more
diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss b/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss index a400ce70..d7421fb4 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss @@ -185,7 +185,7 @@ img { width: 100%; - max-width: 180px; + max-width: 170px; min-width: 100px; height: 100%; } From 2343827f15f81f55a3efd844fd7cb20b8b1c38d6 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Wed, 24 Sep 2025 14:55:43 -0400 Subject: [PATCH 4/7] Remove link around spotlight post titles --- web/app/themes/mitlib-child/inc/content-front.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/app/themes/mitlib-child/inc/content-front.php b/web/app/themes/mitlib-child/inc/content-front.php index 1b236767..bcd272a7 100644 --- a/web/app/themes/mitlib-child/inc/content-front.php +++ b/web/app/themes/mitlib-child/inc/content-front.php @@ -41,7 +41,7 @@
-

+

Read more
From eb495af99dd2a8b5e19eae0c4bd19a61e6ea9719 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Wed, 24 Sep 2025 15:07:54 -0400 Subject: [PATCH 5/7] Update from aria-label to title attribute for button --- web/app/themes/mitlib-child/inc/content-front.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/app/themes/mitlib-child/inc/content-front.php b/web/app/themes/mitlib-child/inc/content-front.php index bcd272a7..9ab8ea2e 100644 --- a/web/app/themes/mitlib-child/inc/content-front.php +++ b/web/app/themes/mitlib-child/inc/content-front.php @@ -43,7 +43,7 @@ From 8fb036f7f5bb06825eb4a06641a616a1321768f6 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Thu, 25 Sep 2025 09:24:00 -0400 Subject: [PATCH 6/7] Incremented the version for the parent theme styling --- web/app/themes/mitlib-parent/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/app/themes/mitlib-parent/style.css b/web/app/themes/mitlib-parent/style.css index 69a61225..574acf3a 100644 --- a/web/app/themes/mitlib-parent/style.css +++ b/web/app/themes/mitlib-parent/style.css @@ -1,7 +1,7 @@ /* Theme Name: MITlib Parent Author: MIT Libraries -Version: 0.7 +Version: 0.8 Description: The parent theme for the MIT Libraries' Pentagram-designed identity. */ From bf679e2635fac60c0a662e4fb728d92c904b06c6 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Mon, 29 Sep 2025 10:08:07 -0400 Subject: [PATCH 7/7] Removed unused style rules for old spotlight feature --- web/app/themes/mitlib-child/style.css | 34 +-------------------------- 1 file changed, 1 insertion(+), 33 deletions(-) diff --git a/web/app/themes/mitlib-child/style.css b/web/app/themes/mitlib-child/style.css index 191e709a..fe89f856 100644 --- a/web/app/themes/mitlib-child/style.css +++ b/web/app/themes/mitlib-child/style.css @@ -719,7 +719,6 @@ body.childTheme.page-home { /* ---- Sticky/Post Excerpts + Flexbox Layout---- */ .wrap-section-hilite, -.excerpt-post, .category-post { display: flex; align-items: flex-start; @@ -735,42 +734,19 @@ body.childTheme.page-home { background: #e4e4e4; } -.excerpt-post { - background: #e4e4e4; - border: 1px solid #b3b3b3; - -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.25); - -moz-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.25); - box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.25); - padding: 25px; - margin-bottom: 35px; -} - -.section-hilite-image, -.excerpt-post__fig { +.section-hilite-image { margin-right: 25px; position: relative; top: 5px; } .section-hilite, -.excerpt-post__body, .category-post-content { flex:1; font-size: 14px; line-height: 1.5 ; } -.excerpt-post .section-hilite h3, -.excerpt-post .excerpt-post__body h3 { - margin-top: 0; -} - -.excerpt-post .excerpt-post__body h3 a { - color: #111; - font-weight: 600; - font-size: 16px; -} - /* ---- Sidebar ---- */ .sidebar { float: left; @@ -1372,18 +1348,10 @@ a.px14 { } /* ---- Sticky/Post Excerpts + Flexbox Layout---- */ - .excerpt-post, .category-post { flex-direction: column; } - .excerpt-post__fig { - margin: 0 auto; - margin-bottom: 25px; - min-width: 100%; - max-width: 100%; - } - .staff-widget .textwidget { display: flex; align-items: flex-start;