voussoir
/
etiquette
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Redesign album grid cards to look more like photo cards. 

Unfortunately these cards are taller rather than wider so the
already-neglected unlink buttom becomes even more horizontally crammed.
That's going to need a big fixup anyway.
master
voussoir 2020-04-02 22:28:36 -07:00
parent 5a394c4376
commit 83c2ed7882
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontends/etiquette_flask/static/css/photo_card.css
View File

@ -22,12 +22,14 @@
display: inline-grid;
vertical-align: top;
grid-template:
"thumbnail title" 1fr
"thumbnail metadata" auto
/auto 1fr;
"thumbnail" auto
"title" auto
"metadata" auto
/1fr;
max-width: 325px;
width: 100%;
min-width: 150px;
max-width: 300px;
height: 225px;
margin: 8px;
padding: 8px;
}
@ -35,9 +37,9 @@
{
grid-area: thumbnail;
background-color: var(--color_site_transparency);
width: 64px;
height: 64px;
margin-right: 8px;
display: flex;
width: 100%;
height: 150px;
}
.album_card_thumbnail img
{
@ -69,6 +71,10 @@
display: none;
}
/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################## */
.photo_card
{
background-color: var(--color_theme_secondary);