From 0933bb4a8a105d5393a3590e222cb0450102a8aa Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Tue, 31 Jul 2018 09:43:26 +0200 Subject: [PATCH 1/1] Fix responsive on videos search --- CHANGELOG.md | 6 ++++-- client/src/app/search/search.component.scss | 16 +++++++++++++++- .../app/shared/video/abstract-video-list.scss | 2 +- 3 files changed, 20 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 40ecea67c..8920fbccb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -22,13 +22,15 @@ This version is a pre release because it contains many important changes, and re $ sudo -u postgres psql peertube_prod -c 'CREATE EXTENSION IF NOT EXISTS unaccent;' $ sudo -u postgres psql peertube_prod -c 'CREATE EXTENSION IF NOT EXISTS pg_trgm;' ``` + +You will need [PostgreSQL Contrib](https://www.postgresql.org/docs/9.6/static/contrib.html). ### BREAKING CHANGES * Require `unaccent` and `pg_trgm` PostgreSQL extension for the PeerTube database * `category` filter param is replaced by `categoryOneOf` - * Switch job queue to [Bull](https://github.com/OptimalBits/bull). PeerTube should migrate your old pending jobs in this new queue manager - * Update nginx template + * Switch job queue to [Bull](https://github.com/OptimalBits/bull). **PeerTube will not migrate your old pending jobs in this new queue manager** + * Update nginx template (you need to [update manually](https://github.com/Chocobozzz/PeerTube/blob/develop/support/doc/production.md#nginx)) * Update default cache size configurations ### Features diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss index 330eef9d8..ef89c5666 100644 --- a/client/src/app/search/search.component.scss +++ b/client/src/app/search/search.component.scss @@ -107,6 +107,10 @@ } @media screen and (max-width: 800px) { + .search-result { + margin: 20px 10px; + } + .results-header { font-size: 15px !important; } @@ -123,7 +127,17 @@ } my-video-thumbnail { - margin-right: 0; + margin-right: 0 !important; + + /deep/ .video-thumbnail { + width: 100%; + height: auto; + + img { + width: 100%; + height: auto; + } + } } } } diff --git a/client/src/app/shared/video/abstract-video-list.scss b/client/src/app/shared/video/abstract-video-list.scss index 913fcfe22..91091a5bb 100644 --- a/client/src/app/shared/video/abstract-video-list.scss +++ b/client/src/app/shared/video/abstract-video-list.scss @@ -34,7 +34,7 @@ my-video-feed { } } - /deep/ .video-thumbnail { + .video-thumbnail { width: 100%; height: auto; -- 2.41.0