aboutsummaryrefslogtreecommitdiffhomepage
path: root/app/Resources
diff options
context:
space:
mode:
authorJérémy Benoist <j0k3r@users.noreply.github.com>2017-12-04 10:11:32 +0100
committerGitHub <noreply@github.com>2017-12-04 10:11:32 +0100
commitb9be1cf1ee771a34cbf496cc3b0290a01dbbe1c6 (patch)
tree57aeb3c45176cc66763c1d9a41b658db4ec23e22 /app/Resources
parent1d91f14516e109978f497e9f55d2f87c8268e1d7 (diff)
parent2784f674ead8817f374f26c1a044d20c946f5228 (diff)
downloadwallabag-b9be1cf1ee771a34cbf496cc3b0290a01dbbe1c6.tar.gz
wallabag-b9be1cf1ee771a34cbf496cc3b0290a01dbbe1c6.tar.zst
wallabag-b9be1cf1ee771a34cbf496cc3b0290a01dbbe1c6.zip
Merge pull request #3449 from Simounet/feature/share-page
Share page improved (mobile + header's padding)
Diffstat (limited to 'app/Resources')
-rw-r--r--app/Resources/static/themes/_global/share.scss39
1 files changed, 28 insertions, 11 deletions
diff --git a/app/Resources/static/themes/_global/share.scss b/app/Resources/static/themes/_global/share.scss
index 5a853324..72e73a9a 100644
--- a/app/Resources/static/themes/_global/share.scss
+++ b/app/Resources/static/themes/_global/share.scss
@@ -148,7 +148,7 @@ article h3,
148article h4, 148article h4,
149article h5, 149article h5,
150article h6 { 150article h6 {
151 text-align: left !important; 151 text-align: left;
152 line-height: 1.3; 152 line-height: 1.3;
153} 153}
154 154
@@ -380,28 +380,45 @@ tbody {
380 border-width: 1px 0; 380 border-width: 1px 0;
381} 381}
382 382
383article { 383figure {
384 padding: 0 1em; 384 text-align: center;
385}
386
387figure > * {
388 margin: 0 auto;
389}
390
391header {
392 text-align: center;
393}
394
395.shared-by {
396 margin-bottom: 1em;
385} 397}
386 398
387/* --------------------- Responsive design ------------------------- */ 399/* --------------------- Responsive design ------------------------- */
388 400
401@media (max-width: 719px) {
402 header > *:not(.preview),
403 article {
404 padding: 0 1em;
405 }
406}
407
389@media (min-width: 720px) { 408@media (min-width: 720px) {
390 blockquote { 409 blockquote {
391 margin-left: -1.4375em; 410 margin-left: -1.4375em;
392 padding-left: 1.25em; 411 padding-left: 1.25em;
393 } 412 }
394 413
395 article { 414 header {
396 margin: 0 auto; 415 margin-top: 32px;
397 max-width: 43.75em;
398 padding: 0 1.25em;
399 } 416 }
400 417
401 header { 418 .block {
419 margin-left: auto;
420 margin-right: auto;
402 max-width: 43.75em; 421 max-width: 43.75em;
403 margin: 0 auto; 422 padding: 0 1.25em;
404 margin-top: 32px;
405 text-align: center;
406 } 423 }
407} 424}