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

Add helper div to maintain bg color on filename hover

Browse source 
Without it, gaps are visible between the lines of text.
This commit is contained in:
voussoir 2017-05-06 04:13:33 -07:00
parent 1fe3b99876
commit 824430dfa8
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontends/etiquette_flask/static/common.css
View file

@ -203,14 +203,14 @@ is hovered over.
word-break:break-word; word-break:break-word;
} }
.photo_card_grid_filename a
{
background-color: inherit;
}
.photo_card_grid_filename:hover .photo_card_grid_filename:hover
{ {
overflow: visible; overflow: visible;
} }
.photo_card_grid_filename_hoverhelper:hover
{
background-color: inherit;
}
.photo_card_grid_file_metadata .photo_card_grid_file_metadata
{ {
display: flex; display: flex;

2
frontends/etiquette_flask/templates/photo_card.html
View file

@ -42,7 +42,9 @@
</div> </div>
<div class="photo_card_grid_info"> <div class="photo_card_grid_info">
<div class="photo_card_grid_filename"> <div class="photo_card_grid_filename">
<div class="photo_card_grid_filename_hoverhelper">
<a target="_blank" href="/photo/{{photo.id}}">{{photo.basename}}</a> <a target="_blank" href="/photo/{{photo.id}}">{{photo.basename}}</a>
</div>
</div> </div>
<div class="photo_card_grid_file_metadata"> <div class="photo_card_grid_file_metadata">
{% set tags = photo.tags() %} {% set tags = photo.tags() %}