From 970e1075245f40792e01131f934dfdb803dd77ca Mon Sep 17 00:00:00 2001 From: Simounet Date: Sat, 2 Dec 2017 18:43:32 +0100 Subject: Share page improved (mobile + header's padding) --- app/Resources/static/themes/_global/share.scss | 31 +++++++++++++++++--------- 1 file changed, 20 insertions(+), 11 deletions(-) (limited to 'app/Resources/static/themes/_global') diff --git a/app/Resources/static/themes/_global/share.scss b/app/Resources/static/themes/_global/share.scss index 5a853324..d6f6b669 100644 --- a/app/Resources/static/themes/_global/share.scss +++ b/app/Resources/static/themes/_global/share.scss @@ -148,7 +148,7 @@ article h3, article h4, article h5, article h6 { - text-align: left !important; + text-align: left; line-height: 1.3; } @@ -380,28 +380,37 @@ tbody { border-width: 1px 0; } -article { - padding: 0 1em; +header { + text-align: center; +} + +.shared-by { + margin-bottom: 1em; } /* --------------------- Responsive design ------------------------- */ +@media (max-width: 719px) { + header > *:not(.preview), + article { + padding: 0 1em; + } +} + @media (min-width: 720px) { blockquote { margin-left: -1.4375em; padding-left: 1.25em; } - article { - margin: 0 auto; - max-width: 43.75em; - padding: 0 1.25em; + header { + margin-top: 32px; } - header { + .block { + margin-left: auto; + margin-right: auto; max-width: 43.75em; - margin: 0 auto; - margin-top: 32px; - text-align: center; + padding: 0 1.25em; } } -- cgit v1.2.3 From 2784f674ead8817f374f26c1a044d20c946f5228 Mon Sep 17 00:00:00 2001 From: Simounet Date: Sun, 3 Dec 2017 14:41:15 +0100 Subject: Figure image and figcaption centered on share page --- app/Resources/static/themes/_global/share.scss | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'app/Resources/static/themes/_global') diff --git a/app/Resources/static/themes/_global/share.scss b/app/Resources/static/themes/_global/share.scss index d6f6b669..72e73a9a 100644 --- a/app/Resources/static/themes/_global/share.scss +++ b/app/Resources/static/themes/_global/share.scss @@ -380,6 +380,14 @@ tbody { border-width: 1px 0; } +figure { + text-align: center; +} + +figure > * { + margin: 0 auto; +} + header { text-align: center; } -- cgit v1.2.3