Skip to content

GitLab

Commit c66f0682 authored by Nicolas Joyard's avatar Nicolas Joyard
Browse files

Make rep grid photos consistent

parent 1307a85e
Hide whitespace changes
Inline Side-by-side
memopol/tests/response_fixtures/RepresentativeListTest.test_cards.content
View file @ c66f0682
......@@ -3,7 +3,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/francois-asensi-1945-06-01/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/francois-asensi-1945-06-01/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/francois-asensi" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/francois-asensi);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......@@ -43,7 +43,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/thierry-benoit-1966-09-13/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/thierry-benoit-1966-09-13/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/thierry-benoit" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/thierry-benoit);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......@@ -83,7 +83,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/marcel-bonnot-1946-05-24/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/marcel-bonnot-1946-05-24/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/marcel-bonnot" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/marcel-bonnot);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......@@ -123,7 +123,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-claude-bouchet-1957-05-02/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-claude-bouchet-1957-05-02/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-claude-bouchet" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-claude-bouchet);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......@@ -163,7 +163,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/paul-brannen-1962-09-13/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/paul-brannen-1962-09-13/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/124954.jpg" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/124954.jpg);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-gb"></span> United Kingdom</div>
......@@ -203,7 +203,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/udo-bullmann-1956-06-08/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/udo-bullmann-1956-06-08/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/4267.jpg" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/4267.jpg);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-de"></span> Germany</div>
......@@ -243,7 +243,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-paul-chanteguet-1949-12-09/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-paul-chanteguet-1949-12-09/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-paul-chanteguet" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-paul-chanteguet);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......@@ -283,7 +283,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-louis-christ-1951-01-24/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-louis-christ-1951-01-24/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-louis-christ" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-louis-christ);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......@@ -323,7 +323,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-michel-couve-1940-01-03/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/jean-michel-couve-1940-01-03/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/jean-michel-couve" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/jean-michel-couve);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......@@ -363,7 +363,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/esther-de-lange-1975-02-19/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/esther-de-lange-1975-02-19/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/38398.jpg" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/38398.jpg);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-nl"></span> Netherlands</div>
......@@ -403,7 +403,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/albert-dess-1947-04-17/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/albert-dess-1947-04-17/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.europarl.europa.eu/mepphoto/28228.jpg" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.europarl.europa.eu/mepphoto/28228.jpg);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-de"></span> Germany</div>
......@@ -443,7 +443,7 @@
<a class="custom-thumbnail custom-invisible" href="/legislature/representative/marc-dolez-1952-10-21/">
</a><div class="row"><a class="custom-thumbnail custom-invisible" href="/legislature/representative/marc-dolez-1952-10-21/">
<div class="col-xs-5">
<img class="img-responsive" src="http://www.nosdeputes.fr/depute/photo/marc-dolez" width="158"/>
<img class="img-responsive" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="background-image: url(http://www.nosdeputes.fr/depute/photo/marc-dolez);"/>
<div class="custom-thumbnail-details">
<div class="icon-badge-detail"><span class="flag-icon flag-icon-fr"></span> France</div>
......
static/css/custom.css
View file @ c66f0682
......@@ -310,7 +310,17 @@ iframe {
border-color:#ddd;
}
.representative-card .img-responsive {
width: 150px;
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.representative-card h4 {
margin-top: 15px;
}
/***************************************************************
Mandates
......
templates/representatives/representative_grid.html
View file @ c66f0682
......@@ -21,7 +21,7 @@
<a href="{% url 'representative-detail' slug=representative.slug %}" class="custom-thumbnail custom-invisible">
<div class="row">
<div class="col-xs-5">
<img class="img-responsive" src="{{ representative.photo }}" width="158">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="img-responsive" style="background-image: url({{ representative.photo }});">
<div class="custom-thumbnail-details">
{% if representative.country %}
<div class="icon-badge-detail">{{ representative.country|country_flag }} {{ representative.country.name }}</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment