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

Don't split metadata across lines

Browse source 
Fix Photo Card CSS so the metadata appears on a single line instead of getting split, without giving filename the same luxury
This commit is contained in:
voussoir 2017-03-30 19:03:33 -07:00
parent 3243f87837
commit 8dd5f9e718
1 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
static/common.css
View file

@ -140,6 +140,15 @@ li
justify-content: space-between; justify-content: space-between;
font-size: 12.8px; font-size: 12.8px;
background-color: inherit; background-color: inherit;
}
.photo_card_grid_filename
{
background-color: inherit;
max-height: 30px;
overflow: hidden;
align-self: flex-start;
word-break:break-word;
z-index: 1;
/* /*
The width of photo cards should be based on the aspect ratio of the The width of photo cards should be based on the aspect ratio of the
@ -151,15 +160,6 @@ li
min-width: 100%; min-width: 100%;
width: 0; width: 0;
} }
.photo_card_grid_filename
{
background-color: inherit;
max-height: 30px;
overflow: hidden;
align-self: flex-start;
word-break:break-word;
z-index: 1;
}
.photo_card_grid_filename a .photo_card_grid_filename a
{ {
background-color: inherit; background-color: inherit;
@ -179,6 +179,11 @@ li
.photo_card_grid_tags .photo_card_grid_tags
{ {
align-self: flex-start; align-self: flex-start;
/*
When the metadata is long it tends to squish against the T, so give it
some breathing room.
*/
margin-right: 8px;
} }
.tag_object .tag_object
{ {