aboutsummaryrefslogtreecommitdiffhomepage
path: root/app
diff options
context:
space:
mode:
Diffstat (limited to 'app')
-rw-r--r--app/Resources/static/themes/_global/share.scss39
-rw-r--r--app/Resources/static/themes/material/css/cards.scss1
-rw-r--r--app/Resources/static/themes/material/css/entries.scss19
-rw-r--r--app/Resources/static/themes/material/css/media_queries.scss18
4 files changed, 50 insertions, 27 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}
diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss
index 7b38a743..0819f0dc 100644
--- a/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@ -8,6 +8,7 @@ main {
8 } 8 }
9 9
10 ul.row { 10 ul.row {
11 margin: 0.4rem 0 0;
11 padding: 0 0.75rem; 12 padding: 0 0.75rem;
12 } 13 }
13} 14}
diff --git a/app/Resources/static/themes/material/css/entries.scss b/app/Resources/static/themes/material/css/entries.scss
index c667be27..d38d97e4 100644
--- a/app/Resources/static/themes/material/css/entries.scss
+++ b/app/Resources/static/themes/material/css/entries.scss
@@ -12,12 +12,10 @@
12} 12}
13 13
14.results { 14.results {
15 height: 1em; 15 display: flex;
16 16 padding: 1rem 1rem 0;
17 .nb-results, 17 flex-wrap: wrap;
18 .pagination { 18 justify-content: space-between;
19 margin: 15px 15px 0;
20 }
21 19
22 .nb-results { 20 .nb-results {
23 display: inline-flex; 21 display: inline-flex;
@@ -29,10 +27,11 @@
29} 27}
30 28
31.pagination { 29.pagination {
32 float: right;
33
34 ul { 30 ul {
35 margin: 0 !important; 31 display: flex;
32 margin: 0;
33 flex-wrap: wrap;
34 justify-content: space-around;
36 35
37 .prev.disabled, 36 .prev.disabled,
38 .next.disabled { 37 .next.disabled {
@@ -44,10 +43,12 @@
44 padding: 0; 43 padding: 0;
45 } 44 }
46 45
46 span,
47 a { 47 a {
48 padding: 0 10px; 48 padding: 0 10px;
49 height: 30px; 49 height: 30px;
50 display: block; 50 display: block;
51 line-height: 30px;
51 } 52 }
52 53
53 .disabled { 54 .disabled {
diff --git a/app/Resources/static/themes/material/css/media_queries.scss b/app/Resources/static/themes/material/css/media_queries.scss
index 36d79a45..48f3aefc 100644
--- a/app/Resources/static/themes/material/css/media_queries.scss
+++ b/app/Resources/static/themes/material/css/media_queries.scss
@@ -8,6 +8,10 @@
8 footer { 8 footer {
9 padding-left: 240px; 9 padding-left: 240px;
10 } 10 }
11
12 .pagination {
13 margin-left: auto;
14 }
11} 15}
12 16
13@media only screen and (max-width: 992px) { 17@media only screen and (max-width: 992px) {
@@ -18,10 +22,6 @@
18 padding-left: 0; 22 padding-left: 0;
19 } 23 }
20 24
21 .pagination {
22 width: auto;
23 }
24
25 .nav-panels .action { 25 .nav-panels .action {
26 padding-right: 0.75rem; 26 padding-right: 0.75rem;
27 } 27 }
@@ -62,9 +62,13 @@
62 display: none; 62 display: none;
63 } 63 }
64 64
65 .pagination li.prev, 65 .pagination li {
66 .pagination li.next { 66 margin-bottom: 0.5rem;
67 width: auto; 67
68 &.prev,
69 &.next {
70 width: auto;
71 }
68 } 72 }
69 73
70 .drag-target + .drag-target { 74 .drag-target + .drag-target {