diff --git a/app/assets/stylesheets/card-perma.css b/app/assets/stylesheets/card-perma.css index b3d37d68a..c5afd757d 100644 --- a/app/assets/stylesheets/card-perma.css +++ b/app/assets/stylesheets/card-perma.css @@ -68,7 +68,7 @@ @media (max-width: 639px) { flex-direction: column; - padding-block-end: calc(var(--card-padding-block) * 1.5); + padding-block: var(--card-padding-block) calc(var(--card-padding-block) * 1.5); } } @@ -90,12 +90,24 @@ } &:has(textarea) { - margin-block-end: 0; + @media (min-width: 640px) { + margin-block-end: 0; + } @supports not (field-sizing: content) { text-wrap: unset; /* Safari is annoying if you have text-wrap: balance in textareas */ } } + + @media (max-width: 639px) { + margin-block-end: 0.75ch; + } + } + + .card__description { + @media (max-width: 639px) { + margin-block-end: 1ch; + } } .card__meta, diff --git a/app/assets/stylesheets/native.css b/app/assets/stylesheets/native.css index c67d05d14..34259e9c6 100644 --- a/app/assets/stylesheets/native.css +++ b/app/assets/stylesheets/native.css @@ -66,6 +66,12 @@ translate: unset; } + .card-perma--draft { + .card-perma__bg { + box-shadow: 0 calc(100vh + 100px) 0 100vh var(--color-container); + } + } + /* Search /* ------------------------------------------------------------------------ */ diff --git a/app/views/cards/drafts/_container.html.erb b/app/views/cards/drafts/_container.html.erb index 409621b21..fa7134b55 100644 --- a/app/views/cards/drafts/_container.html.erb +++ b/app/views/cards/drafts/_container.html.erb @@ -1,4 +1,4 @@ -
+
<% cache card do %>
<%= render "cards/container/image", card: card %>