From 78a5e6c8a18ec4449945986a8d7f952e02063db4 Mon Sep 17 00:00:00 2001 From: Adrien Abraham Date: Fri, 15 Sep 2023 10:15:23 +0200 Subject: [PATCH] fix releases style on mobile --- idre/static/css/base.css | 41 +++++++++++++----- .../img/bandcamp-button-square-aqua-128.png | Bin 2896 -> 0 bytes .../img/bandcamp-button-square-black-128.png | Bin 0 -> 2712 bytes label/templates/label/releases.html | 12 +++-- 4 files changed, 37 insertions(+), 16 deletions(-) delete mode 100644 idre/static/img/bandcamp-button-square-aqua-128.png create mode 100644 idre/static/img/bandcamp-button-square-black-128.png diff --git a/idre/static/css/base.css b/idre/static/css/base.css index 09d3080..91e9438 100644 --- a/idre/static/css/base.css +++ b/idre/static/css/base.css @@ -54,31 +54,49 @@ body { bottom: 0; right: 0; width: 100%; - background: rgba(0, 0, 0, 0.4); + background: rgba(0, 0, 0, 0.5); } .release-infos { position: relative; display: flex; flex-flow: column nowrap; - justify-content: center; - align-items: center; + justify-content: end; + align-items: left; padding: 1em; + text-align: left; font-family: "Neuton", serif; - text-align: center; text-shadow: 0px 0px 4px #000000; } .release-infos .title { margin: 0; - font-size: 1.5em; + font-size: 1.3em; line-height: 1.1em; } .release-infos .contributors, .release-infos .extras { margin: 0; - font-size: 1.2em; + font-size: 1em; +} + +.release-links { + position: absolute; + bottom: 0.5em; + right: 0.5em; + height: 1.5em; + width: 100%; + display: flex; + justify-content: right; + gap: 0.5em; + z-index: 1; +} + +.release-link img { + max-width: 1.5em; + border: 1px solid white; + border-radius: 0.5em; } @media screen and (min-width: 992px) { @@ -98,8 +116,11 @@ body { } .release-infos { + justify-content: center; + align-items: center; padding: 2em; height: 80%; + text-align: center; } .release-infos .title { @@ -112,19 +133,15 @@ body { } .release-links { - position: absolute; - bottom: -1.5em; + bottom: -1em; + right: unset; height: 3em; - width: 100%; - display: flex; justify-content: center; - gap: 0.5em; } .release-link img { max-width: 3em; border: 2px solid white; - border-radius: 0.5em; } } diff --git a/idre/static/img/bandcamp-button-square-aqua-128.png b/idre/static/img/bandcamp-button-square-aqua-128.png deleted file mode 100644 index cec2a475d9b90fa4bded1299ddd8d205901ab5e3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2896 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 SOc3|030Roe7~>7Su>S&1ixUX| literal 0 HcmV?d00001 diff --git a/label/templates/label/releases.html b/label/templates/label/releases.html index 689ee13..19c98ab 100644 --- a/label/templates/label/releases.html +++ b/label/templates/label/releases.html @@ -19,9 +19,13 @@ {% if release.release_type == 3 %}Demo{% endif %}

- {% for contrib in release.contribs %} - {{ contrib.name }}{% if not forloop.last %},{% endif %} - {% endfor %} + {% if release.contribs|length < 3 %} + {% for contrib in release.contribs %} + {{ contrib.name }}{% if not forloop.last %},{% endif %} + {% endfor %} + {% else %} + (collab) + {% endif %}

{{ release.tag }} — {{ release.year }} @@ -31,7 +35,7 @@

{% if release.url_bandcamp %} - Bandcamp logo + Bandcamp logo {% endif %}