aboutsummaryrefslogtreecommitdiffhomepage
path: root/app/Resources
diff options
context:
space:
mode:
authorSimounet <contact@simounet.net>2017-12-02 18:43:32 +0100
committerSimounet <contact@simounet.net>2017-12-03 14:38:46 +0100
commit970e1075245f40792e01131f934dfdb803dd77ca (patch)
tree73368682aed4f5dfc0be53127cf23fb1ce3dfe99 /app/Resources
parent1d91f14516e109978f497e9f55d2f87c8268e1d7 (diff)
downloadwallabag-970e1075245f40792e01131f934dfdb803dd77ca.tar.gz
wallabag-970e1075245f40792e01131f934dfdb803dd77ca.tar.zst
wallabag-970e1075245f40792e01131f934dfdb803dd77ca.zip
Share page improved (mobile + header's padding)
Diffstat (limited to 'app/Resources')
-rw-r--r--app/Resources/static/themes/_global/share.scss31
1 files changed, 20 insertions, 11 deletions
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,
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,37 @@ tbody {
380 border-width: 1px 0; 380 border-width: 1px 0;
381} 381}
382 382
383article { 383header {
384 padding: 0 1em; 384 text-align: center;
385}
386
387.shared-by {
388 margin-bottom: 1em;
385} 389}
386 390
387/* --------------------- Responsive design ------------------------- */ 391/* --------------------- Responsive design ------------------------- */
388 392
393@media (max-width: 719px) {
394 header > *:not(.preview),
395 article {
396 padding: 0 1em;
397 }
398}
399
389@media (min-width: 720px) { 400@media (min-width: 720px) {
390 blockquote { 401 blockquote {
391 margin-left: -1.4375em; 402 margin-left: -1.4375em;
392 padding-left: 1.25em; 403 padding-left: 1.25em;
393 } 404 }
394 405
395 article { 406 header {
396 margin: 0 auto; 407 margin-top: 32px;
397 max-width: 43.75em;
398 padding: 0 1.25em;
399 } 408 }
400 409
401 header { 410 .block {
411 margin-left: auto;
412 margin-right: auto;
402 max-width: 43.75em; 413 max-width: 43.75em;
403 margin: 0 auto; 414 padding: 0 1.25em;
404 margin-top: 32px;
405 text-align: center;
406 } 415 }
407} 416}