From cb924a2880b1005b8dd69a7505a22d0f0ac956f9 Mon Sep 17 00:00:00 2001 From: djanelle-mit Date: Wed, 4 Dec 2024 10:57:19 -0500 Subject: [PATCH] Replaced old CSS references with new syntax, added Brands to fix AKDC sidebar --- .../mitlib-child/css/scss/interviewees.scss | 3 ++- web/app/themes/mitlib-child/style.css | 8 ++++---- .../themes/mitlib-parent/css/scss/_main.scss | 3 ++- .../themes/mitlib-parent/css/scss/global.scss | 1 + .../css/scss/partials/_accordion.scss | 2 +- .../css/scss/partials/_alerts.scss | 4 ++-- .../css/scss/partials/_sidebar.scss | 17 +++++++++-------- 7 files changed, 21 insertions(+), 17 deletions(-) diff --git a/web/app/themes/mitlib-child/css/scss/interviewees.scss b/web/app/themes/mitlib-child/css/scss/interviewees.scss index c7f24667..2c2c9e56 100644 --- a/web/app/themes/mitlib-child/css/scss/interviewees.scss +++ b/web/app/themes/mitlib-child/css/scss/interviewees.scss @@ -45,9 +45,10 @@ &:before { content: " "; - font-family: FontAwesome; + font-family: 'Font Awesome 6 Free'; color: #338bc5; font-size: 12px; + font-weight: 600; margin-left: -12px; } } diff --git a/web/app/themes/mitlib-child/style.css b/web/app/themes/mitlib-child/style.css index 23f882aa..f99fdfeb 100644 --- a/web/app/themes/mitlib-child/style.css +++ b/web/app/themes/mitlib-child/style.css @@ -120,7 +120,7 @@ b, strong { .childTheme .todayHours a:after,.childTheme .locationInfo a:after { content:'\f061'; display:inline-block; - font-family:'fontawesome-MITLibraries'; + font-family:'Font Awesome 6 Free'; margin-left:.5em; } @@ -997,7 +997,7 @@ a.px14 { .upw-content .custom-field-event_date:before { margin-right: 5px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Free'; content:"\f073" !important; color: #F58733; font-size: 1em; @@ -1145,7 +1145,7 @@ a.px14 { .exhibits-button:after { content:'\f061'; display:inline-block; - font-family:'fontawesome'; + font-family:'Font Awesome 6 Free'; margin-left:.5em; } @@ -1189,7 +1189,7 @@ a.px14 { .button.button-music:before { content: "\f028"; - font-family: FontAwesome; + font-family: 'Font Awesome 6 Free'; font-weight: normal; font-size: inherit; margin-right: 10px; diff --git a/web/app/themes/mitlib-parent/css/scss/_main.scss b/web/app/themes/mitlib-parent/css/scss/_main.scss index 3bbc00e6..c0b4021f 100644 --- a/web/app/themes/mitlib-parent/css/scss/_main.scss +++ b/web/app/themes/mitlib-parent/css/scss/_main.scss @@ -191,11 +191,12 @@ ul.arrows li:before, .single-location .tab ul.arrows li:before, .page-template-page-location-php .tab ul.arrows li:before { - font-family:FontAwesome; + font-family:'Font Awesome 6 Free'; content:"\f061"; color: #338bc5; font-size: .75em; margin-right: 7px; + font-weight: 600; } .locationContent ul li { diff --git a/web/app/themes/mitlib-parent/css/scss/global.scss b/web/app/themes/mitlib-parent/css/scss/global.scss index 54339afb..f0af55e1 100644 --- a/web/app/themes/mitlib-parent/css/scss/global.scss +++ b/web/app/themes/mitlib-parent/css/scss/global.scss @@ -4,5 +4,6 @@ @import "https://cdn.libraries.mit.edu/files/fontawesome/6.7.1/css/fontawesome.css"; @import "https://cdn.libraries.mit.edu/files/fontawesome/6.7.1/css/solid.css"; @import "https://cdn.libraries.mit.edu/files/fontawesome/6.7.1/css/regular.css"; +@import "https://cdn.libraries.mit.edu/files/fontawesome/6.7.1/css/brands.css"; @import "partials/base"; @import "libs/base"; \ No newline at end of file diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_accordion.scss b/web/app/themes/mitlib-parent/css/scss/partials/_accordion.scss index 83e2953b..2a47e457 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_accordion.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_accordion.scss @@ -19,7 +19,7 @@ flex-direction: column; } &:before { - font-family:FontAwesome; + font-family:'Font Awesome 6 Free'; content:"\f0da"; margin-right: 1em; color: #338bc5; 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 47c8f728..3c00f0c9 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_alerts.scss @@ -111,8 +111,8 @@ color: $info-icon-color; content: "\f129"; - font-family: FontAwesome; - font-weight: normal; + font-family: 'Font Awesome 6 Free'; + font-weight: 600; font-size: 22px; font-style: normal; display: inline-block; diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_sidebar.scss b/web/app/themes/mitlib-parent/css/scss/partials/_sidebar.scss index 1ea995ca..96dbc198 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_sidebar.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_sidebar.scss @@ -22,7 +22,8 @@ position:absolute; top: 4px; left: -15px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Free'; + font-weight: 600; content:"\f138"; color: #338bc5; font-size: 11px; @@ -40,7 +41,7 @@ position:absolute; top: 1px; left: -20px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Brands'; content:"\f099" !important; color: #338bc5; font-size: 14px; @@ -49,7 +50,7 @@ position:absolute; top: 2px; left: -20px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Brands'; content:"\f082" !important; color: #338bc5; font-size: 14px; @@ -58,7 +59,7 @@ position:absolute; top: 3px; left: -20px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Free'; content:"\f003" !important; color: #338bc5; font-size: 14px; @@ -67,7 +68,7 @@ position:absolute; top: 3px; left: -20px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Brands'; content:"\f16d" !important; color: #338bc5; font-size: 1em; @@ -76,7 +77,7 @@ position:absolute; top: 3px; left: -20px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Brands'; content:"\f0d5" !important; color: #338bc5; font-size: 1em; @@ -85,7 +86,7 @@ position:absolute; top: 3px; left: -20px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Brands'; content:"\f0d2" !important; color: #338bc5; font-size: 1em; @@ -94,7 +95,7 @@ position:absolute; top: 3px; left: -20px; - font-family:FontAwesome; + font-family:'Font Awesome 6 Brands'; content:"\f16a" !important; color: #338bc5; font-size: 1em;