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

Make placeholder outlines responsive

Browse source
This commit is contained in:
Mike Colagrosso 2024-12-15 15:22:09 -07:00 • committed by Alex Cabal
parent 3b9ea27391
commit 27a83da463
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
www/css/core.css
View file

@ -1576,12 +1576,21 @@ ol.ebooks-list > li p.author a{
justify-content: center;
}
ol.ebooks-list > li .thumbnail-container > a:has(.placeholder-cover){
max-width: 224px;
width: 100%; /* for responsive placeholder width */
}
ol.ebooks-list.list > li .thumbnail-container > a:has(.placeholder-cover){
width: auto; /* center the placeholder above the title in narrow list view */
}
.placeholder-cover{
aspect-ratio: 224 / 335;
background-color: transparent;
border-radius: .25rem;
border: 2px dashed var(--sub-text);
height: 331px;
width: 221px;
box-sizing: border-box;
}
ol.ebooks-list.list .placeholder-cover{