Skip to content

Video styling#501

Merged
dmh merged 4 commits intomasterfrom
videoStyling
Apr 8, 2019
Merged

Video styling#501
dmh merged 4 commits intomasterfrom
videoStyling

Conversation

@pxamike
Copy link
Contributor

@pxamike pxamike commented Apr 2, 2019

News articles looked broken when it contained video as media and had "Show in views" set to "Show in all views". This request tries to fix most of these issues.

The video/iframe-tags were styled for news and the object-fit class were added to most Partials/List. As NewsCarousel.html is using MediaVideo-partial I added a local Partial-variant that uses the object-fit class.

Note: Item (List) was intentionally left more or less as it is. If I added maxWidth from plugin.tx_news.settings.media.image, it would not conform height-wise on youtube/vimeo (like image does) and it's also questionable what the use of a video-player, as big as a stamp, really is.

Attached are images in the five views before and after: Item (List), Timeline, Simple List, Carousel and Cards.

Item (List)
01_news-list-before
02_news-list-after

Timeline
03_news-timeline-before
04_news-timeline-after

Simple List
05_news-simple-list-before
06_news-simple-list-after

Carousel
07_news-carousel-before
08_news-carousel-after

Cards
09_news-cards-before
10_news-cards-after

@pxamike pxamike requested review from dmh and mesosa April 2, 2019 15:06
@dmh dmh merged commit 45cc3c3 into master Apr 8, 2019
@pxamike pxamike deleted the videoStyling branch April 11, 2019 13:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants