standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-07 07:10:29 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add in-progress and not-pd ribbons for ebook placeholders

Browse source
This commit is contained in:
Alex Cabal 2024-12-13 14:25:12 -06:00
parent 77ce4cc6b4
commit a17aad76c2
2 changed files with 37 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
templates/EbookGrid.php
View file

@ -12,7 +12,7 @@ $collection = $collection ?? null;
<meta property="schema:name" content="<?= Formatter::EscapeHtml($collection->Name) ?>"/> <meta property="schema:name" content="<?= Formatter::EscapeHtml($collection->Name) ?>"/>
<? } ?> <? } ?>
<? foreach($ebooks as $ebook){ ?> <? foreach($ebooks as $ebook){ ?>
<li typeof="schema:Book"<? if($collection !== null){ ?> resource="<?= $ebook->Url ?>" property="schema:hasPart"<? if($ebook->GetCollectionPosition($collection) !== null){ ?> value="<?= $ebook->GetCollectionPosition($collection) ?>"<? } ?><? }else{ ?> about="<?= $ebook->Url ?>"<? } ?><? if($ebook->EbookPlaceholder?->IsWanted){ ?> class="wanted"<? } ?>> <li typeof="schema:Book"<? if($collection !== null){ ?> resource="<?= $ebook->Url ?>" property="schema:hasPart"<? if($ebook->GetCollectionPosition($collection) !== null){ ?> value="<?= $ebook->GetCollectionPosition($collection) ?>"<? } ?><? }else{ ?> about="<?= $ebook->Url ?>"<? } ?><? if($ebook->EbookPlaceholder?->IsWanted){ ?> class="ribbon <? if($ebook->EbookPlaceholder?->Status == \Enums\EbookPlaceholderStatus::InProgress){ ?>in-progress<? }else{ ?>wanted<? } ?>"<? }elseif($ebook->EbookPlaceholder !== null && !$ebook->EbookPlaceholder->IsPublicDomain){ ?> class="ribbon not-pd"<? } ?>>
<? if($collection !== null && $ebook->GetCollectionPosition($collection) !== null){ ?> <? if($collection !== null && $ebook->GetCollectionPosition($collection) !== null){ ?>
<meta property="schema:position" content="<?= $ebook->GetCollectionPosition($collection) ?>"/> <meta property="schema:position" content="<?= $ebook->GetCollectionPosition($collection) ?>"/>
<? } ?> <? } ?>

52
www/css/core.css
View file

@ -3166,13 +3166,13 @@ form[action="/settings"] label{
display: inline-block; display: inline-block;
} }
ol.ebooks-list > li a.wanted, ol.ebooks-list > li a.ribbon,
ol.ebooks-list > li.wanted .placeholder-cover{ ol.ebooks-list > li.ribbon .placeholder-cover{
position: relative; position: relative;
} }
ol.ebooks-list > li.wanted .placeholder-cover::before, ol.ebooks-list > li.ribbon .placeholder-cover::before,
ol.ebooks-list > li.wanted a::after{ ol.ebooks-list > li.ribbon a::after{
/* Ribbon */ /* Ribbon */
font-family: "League Spartan", sans-serif; font-family: "League Spartan", sans-serif;
position: absolute; position: absolute;
@ -3190,16 +3190,16 @@ ol.ebooks-list > li.wanted a::after{
z-index: 2; z-index: 2;
} }
ol.ebooks-list > li[property="schema:hasPart"][value].wanted .placeholder-cover::before, ol.ebooks-list > li[property="schema:hasPart"][value].ribbon .placeholder-cover::before,
ol.ebooks-list > li[property="schema:hasPart"][value].wanted a::after{ ol.ebooks-list > li[property="schema:hasPart"][value].ribbon a::after{
top: calc(.25rem + 3px + 2rem); top: calc(.25rem + 3px + 2rem);
} }
ol.ebooks-list > li.wanted .placeholder-cover::after{ ol.ebooks-list > li.ribbon .placeholder-cover::after{
/* Ribbon bottom wrap-around */ /* Ribbon bottom wrap-around */
content: ""; content: "";
position: absolute; position: absolute;
top: calc(.5rem + .5rem + .5rem + .5rem - 2px); top: calc(.5rem + .5rem + .5rem + .5rem - 3px);
height: .5rem; height: .5rem;
width: .5rem; width: .5rem;
left: -.5rem; left: -.5rem;
@ -3208,11 +3208,11 @@ ol.ebooks-list > li.wanted .placeholder-cover::after{
filter: brightness(50%); filter: brightness(50%);
} }
ol.ebooks-list > li[property="schema:hasPart"][value].wanted .placeholder-cover::after{ ol.ebooks-list > li[property="schema:hasPart"][value].ribbon .placeholder-cover::after{
top: calc(.25rem + 3px + 2rem + .5rem + .5rem + .5rem); top: calc(.25rem + 3px + 2rem + .5rem + .5rem + .5rem);
} }
ol.ebooks-list > li.wanted a::after{ ol.ebooks-list > li.ribbon a::after{
/* Ribbon shadow */ /* Ribbon shadow */
left: calc(-.5rem + 4px); left: calc(-.5rem + 4px);
top: calc(.5rem + 2px); top: calc(.5rem + 2px);
@ -3220,18 +3220,38 @@ ol.ebooks-list > li.wanted a::after{
z-index: auto; z-index: auto;
} }
ol.ebooks-list > li[property="schema:hasPart"][value].wanted a::after{ ol.ebooks-list > li[property="schema:hasPart"][value].ribbon a::after{
top: calc(.25rem + 3px + 2rem + 4px); top: calc(.25rem + 3px + 2rem + 4px);
} }
ol.ebooks-list > li.wanted .placeholder-cover::before, ol.ebooks-list > li.ribbon.wanted .placeholder-cover::before,
ol.ebooks-list > li.wanted .placeholder-cover::after{ ol.ebooks-list > li.ribbon.wanted .placeholder-cover::after{
background: #383760;
}
ol.ebooks-list > li.ribbon.wanted .placeholder-cover::before,
ol.ebooks-list > li.ribbon.wanted a::after{
content: "wanted";
}
ol.ebooks-list > li.ribbon.in-progress .placeholder-cover::before,
ol.ebooks-list > li.ribbon.in-progress .placeholder-cover::after{
background: #389660;
}
ol.ebooks-list > li.ribbon.in-progress .placeholder-cover::before,
ol.ebooks-list > li.ribbon.in-progress a::after{
content: "in progress";
}
ol.ebooks-list > li.ribbon.not-pd .placeholder-cover::before,
ol.ebooks-list > li.ribbon.not-pd .placeholder-cover::after{
background: #861d1d; background: #861d1d;
} }
ol.ebooks-list > li.wanted .placeholder-cover::before, ol.ebooks-list > li.ribbon.not-pd .placeholder-cover::before,
ol.ebooks-list > li.wanted a::after{ ol.ebooks-list > li.ribbon.not-pd a::after{
content: "wanted"; content: "not p.d. yet";
} }
@media (hover: none) and (pointer: coarse){ /* target ipads and smartphones without a mouse */ @media (hover: none) and (pointer: coarse){ /* target ipads and smartphones without a mouse */