Commander1024/lostplaces-backend
Commander1024/lostplaces-backend
1
0
Fork 0
Code Issues 14 Pull Requests Releases Wiki Activity

Limited length of name / location in placegrid. Added padding.

Browse Source
This commit is contained in:
Marcus Scholz 2020-08-05 20:44:31 +02:00
parent e63601955e
commit 565c58019b
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lostplaces/lostplaces_app/static/main.css
View File

@ -179,7 +179,9 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-bottom: 10px; } padding: 5px;
padding-bottom: 10px;
padding-top: 10px; }
.LP-PlaceTeaser .LP-PlaceTeaser__Meta .LP-Paragraph { .LP-PlaceTeaser .LP-PlaceTeaser__Meta .LP-Paragraph {
font-family: Montserrat, Helvetica, sans-serif; font-family: Montserrat, Helvetica, sans-serif;
padding: 0; padding: 0;

7
lostplaces/lostplaces_app/templates/home.html
View File

@ -18,15 +18,12 @@
<div class="LP-PlaceTeaser__Meta"> <div class="LP-PlaceTeaser__Meta">
<div class="LP-PlaceTeaser__Info"> <div class="LP-PlaceTeaser__Info">
<span class="LP-PlaceTeaser__Title"> <span class="LP-PlaceTeaser__Title">
<h1 class="LP-Headline LP-Headline--teaser">{{place.name}}</h1> <h1 class="LP-Headline LP-Headline--teaser">{{place.name|truncatechars:19}}</h1>
</span> </span>
<span class="LP-PlaceTeaser__Detail"> <span class="LP-PlaceTeaser__Detail">
<p class="LP-Paragraph">{{place.location}}</p> <p class="LP-Paragraph">{{place.location|truncatechars:25}}</p>
</span> </span>
</div> </div>
<div class="LP-PlaceTeaser__Description">
<p class="LP-Paragraph">{{place.description}}</p>
</div>
<div class="LP-PlaceTeaser__Icons"> <div class="LP-PlaceTeaser__Icons">
<ul class="LP-Icon__List"> <ul class="LP-Icon__List">
<li class="LP-Icon__Item"><img class="LP-Icon" src="{% static '/icons/favourite.svg' %}" /></li> <li class="LP-Icon__Item"><img class="LP-Icon" src="{% static '/icons/favourite.svg' %}" /></li>