From 88f7814d249ad372cbd19a9d6b52b3aaa81a92e0 Mon Sep 17 00:00:00 2001
From: Konstantinos Platis <konstantinos.platis@cern.ch>
Date: Fri, 21 Dec 2018 16:31:31 +0100
Subject: [PATCH] Fixed issue with preview cards overflowing under mega menu
---
.../molecules/preview-card/css/component-preview-card.css | 5 -----
.../preview-card/sass/component-preview-card.scss | 8 ++++----
2 files changed, 4 insertions(+), 9 deletions(-)
diff --git a/patterns/molecules/preview-card/css/component-preview-card.css b/patterns/molecules/preview-card/css/component-preview-card.css
index 9da4c64e..1510d8ca 100644
--- a/patterns/molecules/preview-card/css/component-preview-card.css
+++ b/patterns/molecules/preview-card/css/component-preview-card.css
@@ -97,10 +97,6 @@
font-size: 60px;
position: relative;
top: -10px; }
- .component-preview-cards .component-preview-cards__category-icon-vocabulary + .preview-card__title h3 a span {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis; }
.component-preview-cards .preview-card {
width: 100%; }
.component-preview-cards .preview-card__title {
@@ -119,7 +115,6 @@
position: relative;
line-height: 26px !important; }
.component-preview-cards .preview-card__title h3 a span {
- display: block;
width: 100%; }
.component-preview-cards .preview-card__title h3 a:hover {
text-decoration: none; }
diff --git a/patterns/molecules/preview-card/sass/component-preview-card.scss b/patterns/molecules/preview-card/sass/component-preview-card.scss
index 896cf471..55ecb9b4 100755
--- a/patterns/molecules/preview-card/sass/component-preview-card.scss
+++ b/patterns/molecules/preview-card/sass/component-preview-card.scss
@@ -113,9 +113,9 @@
h3{
a{
span{
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
+ //white-space: nowrap;
+ //overflow: hidden;
+ //text-overflow: ellipsis;
}
}
}
@@ -140,7 +140,7 @@
position: relative;
line-height: 26px !important;
span {
- display: block;
+ //display: block;
width: 100%;
//white-space: normal;
//overflow: hidden;
--
GitLab