diff options
| author | Simounet <contact@simounet.net> | 2017-12-02 18:43:32 +0100 |
|---|---|---|
| committer | Simounet <contact@simounet.net> | 2017-12-03 14:38:46 +0100 |
| commit | 970e1075245f40792e01131f934dfdb803dd77ca (patch) | |
| tree | 73368682aed4f5dfc0be53127cf23fb1ce3dfe99 /app | |
| parent | 1d91f14516e109978f497e9f55d2f87c8268e1d7 (diff) | |
| download | wallabag-970e1075245f40792e01131f934dfdb803dd77ca.tar.gz wallabag-970e1075245f40792e01131f934dfdb803dd77ca.tar.zst wallabag-970e1075245f40792e01131f934dfdb803dd77ca.zip | |
Share page improved (mobile + header's padding)
Diffstat (limited to 'app')
| -rw-r--r-- | app/Resources/static/themes/_global/share.scss | 31 |
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, | |||
| 148 | article h4, | 148 | article h4, |
| 149 | article h5, | 149 | article h5, |
| 150 | article h6 { | 150 | article 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 | ||
| 383 | article { | 383 | header { |
| 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 | } |