From d29d0e0135ae5603222caf65a489bf97bd0c3b6d Mon Sep 17 00:00:00 2001
From: Konstantinos Platis <konstantinos.platis@cern.ch>
Date: Fri, 15 Feb 2019 08:27:12 +0000
Subject: [PATCH] Resolve "Preview List component does not load styling for
Preview Card"
---
CHANGELOG.md | 4 ++++
cern_components.info.yml | 2 +-
patterns/molecules/gallery/css/gallery-component.css | 8 ++++++++
patterns/molecules/gallery/sass/gallery-component.scss | 7 +++++++
.../molecules/preview-list/preview-list.ui_patterns.yml | 1 +
5 files changed, 21 insertions(+), 1 deletion(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index e34279f3..e4a8318d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [2.3.2] - 31-01-2019
+### Fixed
+- Issue that video resources are displayed very slim
+
## [2.3.1] - 30-01-2019
### Changed
- Decreased the number of permitted chars for Preview cards from 65 to 45
diff --git a/cern_components.info.yml b/cern_components.info.yml
index c89ac888..4868e9b7 100755
--- a/cern_components.info.yml
+++ b/cern_components.info.yml
@@ -2,7 +2,7 @@ name: "CERN Components"
type: module
description: "Provides all the necessary modules regarding CERN Web Components."
core: 8.x
-version: 2.3.1
+version: 2.3.2
package: CERN Components
dependencies:
- components:components (>=8.x-1.1-alpha1)
diff --git a/patterns/molecules/gallery/css/gallery-component.css b/patterns/molecules/gallery/css/gallery-component.css
index fd3452a4..f1f0b54b 100755
--- a/patterns/molecules/gallery/css/gallery-component.css
+++ b/patterns/molecules/gallery/css/gallery-component.css
@@ -85,6 +85,10 @@
display: flex;
min-height: 100%;
min-width: 100%;
+ /*
+ //applying separate width setting in order to space videos
+ correctly without hiding the fullscreen button for images.
+ */
}
.component-gallery__image img {
@@ -146,6 +150,10 @@
min-width: 200px;
}
+.component-gallery__image__wrapper {
+ min-width: 100%;
+}
+
.component-gallery__link {
left: 5px;
min-width: 100%;
diff --git a/patterns/molecules/gallery/sass/gallery-component.scss b/patterns/molecules/gallery/sass/gallery-component.scss
index ba3674c8..3ed26bdd 100755
--- a/patterns/molecules/gallery/sass/gallery-component.scss
+++ b/patterns/molecules/gallery/sass/gallery-component.scss
@@ -105,6 +105,13 @@
min-width: 200px;
}
}
+ /*
+ //applying separate width setting in order to space videos
+ correctly without hiding the fullscreen button for images.
+ */
+ &__wrapper {
+ min-width:100%;
+ }
}
&__link {
left: 5px;
diff --git a/patterns/molecules/preview-list/preview-list.ui_patterns.yml b/patterns/molecules/preview-list/preview-list.ui_patterns.yml
index a91aaa6d..037fddb1 100755
--- a/patterns/molecules/preview-list/preview-list.ui_patterns.yml
+++ b/patterns/molecules/preview-list/preview-list.ui_patterns.yml
@@ -59,6 +59,7 @@ preview_list:
css:
component:
css/preview-list.component.css: {}
+ ../preview-card/css/component-preview-card.css: {}
js:
js/preview-list.js: {}
use: "@cern_components/molecules/preview-list/preview-list.ui_patterns.html.twig"
--
GitLab