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

Display hovered filename over the metadata instead of pushing down.

Browse source 
Previously the expanding filename would push the metadata down
and out of the card div. Now it displays on top.
This commit is contained in:
voussoir 2019-07-12 13:57:52 -07:00
parent 62f36151c4
commit 928e64fe08
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontends/etiquette_flask/static/css/photo_card.css
View file

@ -136,6 +136,7 @@
justify-self: start; justify-self: start;
grid-area: filename; grid-area: filename;
position: relative;
overflow: hidden; overflow: hidden;
min-width: 100%; min-width: 100%;
@ -157,6 +158,14 @@
{ {
overflow: visible; overflow: visible;
max-height: none; max-height: none;
}
.photo_card_filename:hover a
{
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: inherit;
z-index: 1; z-index: 1;
} }
.photo_card_tags .photo_card_tags