From 7e077780f23ec47962c5feaf97656d6a0972897b Mon Sep 17 00:00:00 2001
From: Konstantinos Platis <konstantinos.platis@cern.ch>
Date: Fri, 18 Sep 2020 07:53:24 +0000
Subject: [PATCH] Fix Agenda Box to be working with Mathjax library
---
CHANGELOG.md | 1 +
patterns/molecules/agenda-box/css/agenda-box.component.css | 4 ++--
.../molecules/agenda-box/scss/agenda-box.component.scss | 6 ++----
3 files changed, 5 insertions(+), 6 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1174917c..105ff7e9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## [2.7.4]
- Fix expansion of accordion items when an accordion item is rendered multiple items in the same page
+- Fix Agenda Box to be working with Mathjax library
## [2.7.3] - 06/08/2020
diff --git a/patterns/molecules/agenda-box/css/agenda-box.component.css b/patterns/molecules/agenda-box/css/agenda-box.component.css
index 25484aa9..0486d6b6 100644
--- a/patterns/molecules/agenda-box/css/agenda-box.component.css
+++ b/patterns/molecules/agenda-box/css/agenda-box.component.css
@@ -160,9 +160,9 @@
position: relative; }
.agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h2 a span,
.agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h3 a span {
- display: block;
+ display: inline;
width: 100%;
- white-space: normal; }
+ font-size: 2rem; }
.agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h2 a:hover,
.agenda-box-pattern .agenda-box-pattern__box-wrapper .agenda-box-link h3 a:hover {
text-decoration: none; }
diff --git a/patterns/molecules/agenda-box/scss/agenda-box.component.scss b/patterns/molecules/agenda-box/scss/agenda-box.component.scss
index 2069777a..88725e51 100644
--- a/patterns/molecules/agenda-box/scss/agenda-box.component.scss
+++ b/patterns/molecules/agenda-box/scss/agenda-box.component.scss
@@ -208,11 +208,9 @@
display: block;
position: relative;
span {
- display: block;
+ display: inline;
width: 100%;
- white-space: normal;
- //overflow: hidden;
- //text-overflow: ellipsis;
+ font-size: 2rem; // font size needs to be set for Mathjax
}
}
a:hover {
--
GitLab