From fb7dedf36c115b8658a014a7a50b003ea3b58f67 Mon Sep 17 00:00:00 2001 From: Kevin Decherf Date: Sat, 2 Mar 2019 22:48:43 +0100 Subject: material: move a media query from cards to dedicated scss file Signed-off-by: Kevin Decherf --- app/Resources/static/themes/material/css/cards.scss | 6 ------ app/Resources/static/themes/material/css/media_queries.scss | 4 ++++ 2 files changed, 4 insertions(+), 6 deletions(-) (limited to 'app/Resources/static/themes/material') diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss index 4f67e038..4cbeb7bd 100644 --- a/app/Resources/static/themes/material/css/cards.scss +++ b/app/Resources/static/themes/material/css/cards.scss @@ -272,9 +272,3 @@ a.original:not(.waves-effect) { .settings .div_tabs { padding-bottom: 15px; } - -@media only screen and (min-width: 992px) { - .card-tag-labels li { - max-width: 50%; - } -} diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss index 72584426..56e6fd0f 100644 --- a/app/Resources/static/themes/material/css/media_queries.scss +++ b/app/Resources/static/themes/material/css/media_queries.scss @@ -12,6 +12,10 @@ .pagination { margin-left: auto; } + + .card-tag-labels li { + max-width: 50%; + } } @media only screen and (max-width: 992px) { -- cgit v1.2.3 From 05232afe3223242ef9563bb8a6ae13a462a043b0 Mon Sep 17 00:00:00 2001 From: Kevin Decherf Date: Sat, 2 Mar 2019 23:46:00 +0100 Subject: material: fix left padding of content on medium screens Fixes #3877 Signed-off-by: Kevin Decherf --- app/Resources/static/themes/material/css/media_queries.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'app/Resources/static/themes/material') diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss index 56e6fd0f..1626365e 100644 --- a/app/Resources/static/themes/material/css/media_queries.scss +++ b/app/Resources/static/themes/material/css/media_queries.scss @@ -12,12 +12,18 @@ .pagination { margin-left: auto; } - + .card-tag-labels li { max-width: 50%; } } +@media screen and (min-width: 993px) { + main #content { + padding-left: 70px; + } +} + @media only screen and (max-width: 992px) { header, main, -- cgit v1.2.3 From f1f1efb5def331721e03bc55ac3be81fbae8fd01 Mon Sep 17 00:00:00 2001 From: Kevin Decherf Date: Sun, 3 Mar 2019 02:13:14 +0100 Subject: material: wrap card actions, remove class hiding of creation date Signed-off-by: Kevin Decherf --- app/Resources/static/themes/material/css/cards.scss | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'app/Resources/static/themes/material') diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss index 4cbeb7bd..68001a01 100644 --- a/app/Resources/static/themes/material/css/cards.scss +++ b/app/Resources/static/themes/material/css/cards.scss @@ -102,6 +102,11 @@ main { display: inline-flex; vertical-align: middle; + .card-reading-time, + .card-created-at { + display: inline-flex; + } + span { margin-right: 5px; } -- cgit v1.2.3 From 246cc9ac939f076fb7b2453e1b616a8b3500e1d1 Mon Sep 17 00:00:00 2001 From: Kevin Decherf Date: Sun, 3 Mar 2019 02:16:19 +0100 Subject: material: add media queries to hide creation date from card actions Hide the creation date from card actions on specific sizes when there's not enough space for all parts. Fixes #3851 Signed-off-by: Kevin Decherf --- app/Resources/static/themes/material/css/media_queries.scss | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'app/Resources/static/themes/material') diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss index 1626365e..32d8c484 100644 --- a/app/Resources/static/themes/material/css/media_queries.scss +++ b/app/Resources/static/themes/material/css/media_queries.scss @@ -174,3 +174,12 @@ padding: 0; } } + +@media screen and (max-width: 310px), + screen and (min-width: 601px) and (max-width: 660px), + screen and (min-width: 993px) and (max-width: 1050px), + screen and (min-width: 1201px) and (max-width: 1250px) { + .card .card-action .reading-time .card-created-at { + display: none; + } +} -- cgit v1.2.3 From cf0010cf4adbefb8fc73d55474a1446a3a2f2f36 Mon Sep 17 00:00:00 2001 From: Kevin Decherf Date: Sat, 9 Mar 2019 00:27:50 +0100 Subject: material: fix left padding on non-entry pages introduced by #3893 Signed-off-by: Kevin Decherf --- app/Resources/static/themes/material/css/media_queries.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'app/Resources/static/themes/material') diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss index 32d8c484..491eedce 100644 --- a/app/Resources/static/themes/material/css/media_queries.scss +++ b/app/Resources/static/themes/material/css/media_queries.scss @@ -19,7 +19,7 @@ } @media screen and (min-width: 993px) { - main #content { + body.entry main #content { padding-left: 70px; } } -- cgit v1.2.3